xxx-xx-6789（マスク）と123-45-6789（マスク解除）のような入力マスクとマスク解除

Question

xxx-xx-6789のようなテキストボックスに入力マスクを行ってください。

1つのテキストと1つのチェックボックス。

チェックボックスをオンにすると、（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"/> 

以下のように1つのチェックボックスを追加し、それがアンマスク入力テキストボックスの値を取得するには

<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

に動作します以下のようにJavaScriptで変更機能を追加マスクフォーマット '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); 
});