Question

你能否请任何人在xxx-xx-6789等文本框上进行输入屏蔽。

一个文本和一个复选框。

如果勾选复选框，则应用掩码（xxx-xx-6789）。如果选中未选中复选框，则删除屏蔽，如（123-45-6789）。

并且两个案例的实际值都是123456789（用于保存）。

https://github.com/mishraas/jQuery-SSN-Field-Masking

Answer 1

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

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

并在javascript中添加更改功能，如下所示

<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>

Answer 2

要获取取消屏蔽输入文本框的值，请使用遮罩格式“999999999”。

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);
});

输入屏蔽和取消屏蔽，如xxx-xx-6789（掩码）和123-45-6789（取消屏蔽）

2 个答案: