Javascript 输入屏蔽和反屏蔽,如xxx-xx-6789(屏蔽)和123-45-6789(反屏蔽)

Javascript 输入屏蔽和反屏蔽,如xxx-xx-6789(屏蔽)和123-45-6789(反屏蔽),javascript,jquery,Javascript,Jquery,你能不能请任何人在文本框上做过输入屏蔽,比如xxx-xx-6789 一个文本和一个复选框 如果选中复选框,则应用掩蔽,如(xxx-xx-6789)。 如果复选框上未选中,则移除遮罩,如(123-45-6789) 两种情况下的实际值均为123456789(用于保存) 添加一个复选框,如下所示 <input type="checkbox" name="MaskUnmask" value="MaskUnmask" class="maskunmask"/> 并在javascript中添

你能不能请任何人在文本框上做过输入屏蔽,比如xxx-xx-6789

一个文本和一个复选框

如果选中复选框,则应用掩蔽,如(xxx-xx-6789)。 如果复选框上未选中,则移除遮罩,如(123-45-6789)

两种情况下的实际值均为123456789(用于保存)


添加一个复选框,如下所示

<input type="checkbox" name="MaskUnmask" value="MaskUnmask" class="maskunmask"/>

并在javascript中添加change函数,如下所示

<script type="text/javascript">

            $(document).ready(function(){
                $('#ssn').unmask().maskSSN('999-99-9999', { maskedChar: 'X', maskedCharsLength: 5 });

                $(".maskunmask").on("change", function () {

                    if ($(this).prop('checked')) {
                        $('#ssn').unmask().mask('999-99-9999');
                    }
                    else {
                        $('#ssn').unmask().maskSSN('999-99-9999', { maskedChar: 'X', maskedCharsLength: 5 });
                    }
                });
            });

        </script>

$(文档).ready(函数(){
$('#ssn').unmask().maskSSN('999-99-9999',{maskedChar:'X',maskedCharsLength:5});
$(“.maskunmask”)。关于(“更改”,函数(){
if($(this.prop('checked')){
$('#ssn').unmask().mask('999-99-9999');
}
否则{
$('#ssn').unmask().maskSSN('999-99-9999',{maskedChar:'X',maskedCharsLength:5});
}
});
});

添加一个复选框,如下所示

<input type="checkbox" name="MaskUnmask" value="MaskUnmask" class="maskunmask"/>

并在javascript中添加change函数,如下所示

<script type="text/javascript">

            $(document).ready(function(){
                $('#ssn').unmask().maskSSN('999-99-9999', { maskedChar: 'X', maskedCharsLength: 5 });

                $(".maskunmask").on("change", function () {

                    if ($(this).prop('checked')) {
                        $('#ssn').unmask().mask('999-99-9999');
                    }
                    else {
                        $('#ssn').unmask().maskSSN('999-99-9999', { maskedChar: 'X', maskedCharsLength: 5 });
                    }
                });
            });

        </script>

$(文档).ready(函数(){
$('#ssn').unmask().maskSSN('999-99-9999',{maskedChar:'X',maskedCharsLength:5});
$(“.maskunmask”)。关于(“更改”,函数(){
if($(this.prop('checked')){
$('#ssn').unmask().mask('999-99-9999');
}
否则{
$('#ssn').unmask().maskSSN('999-99-9999',{maskedChar:'X',maskedCharsLength:5});
}
});
});

要获取取消掩码输入文本框的值,请使用掩码格式“99999999”

var val = $('#ssn').mask('999999999').val();
在复选框事件中应用并删除以下掩码格式,尝试以下操作

$('#ssn').unmask().maskSSN('999-99-9999', {maskedChar:'X', maskedCharsLength:5});


$("#check").change(function(){
var val = $('#ssn').mask('999999999').val();

 if ($(this).prop('checked')) {
                        $('#ssn').unmask().mask('999-99-9999');
                    }
                    else {
                        $('#ssn').unmask().maskSSN('999-99-9999', { maskedChar: 'X', maskedCharsLength: 5 });
                    }
alert(val);
});

要获取“取消掩码”输入文本框的值,请使用掩码格式“99999999”

var val = $('#ssn').mask('999999999').val();
在复选框事件中应用并删除以下掩码格式,尝试以下操作

$('#ssn').unmask().maskSSN('999-99-9999', {maskedChar:'X', maskedCharsLength:5});


$("#check").change(function(){
var val = $('#ssn').mask('999999999').val();

 if ($(this).prop('checked')) {
                        $('#ssn').unmask().mask('999-99-9999');
                    }
                    else {
                        $('#ssn').unmask().maskSSN('999-99-9999', { maskedChar: 'X', maskedCharsLength: 5 });
                    }
alert(val);
});

到目前为止你做了什么?请分享代码。希望你正在寻找这种东西?是@dgk,但这无法正常工作。请共享您的代码,以便我们可以应用。制作小提琴并分享它。代码在这里。到目前为止你做了什么?请分享代码。希望你正在寻找这种东西?是@dgk,但这无法正常工作。请共享您的代码,以便我们可以应用。制作小提琴并分享它。代码在这里