如何在jquery中进行掩蔽？_Jquery

如何在jquery中进行掩蔽？

jquery

如何在jquery中进行掩蔽？,jquery,Jquery,我有一个文本框和一个提交按钮。填充文本框后，当我们单击submit按钮时，该文本框应该被屏蔽（我们不能更改文本框中的任何内容），而不是被禁用 <html> <head> <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(

我有一个文本框和一个提交按钮。填充文本框后，当我们单击submit按钮时，该文本框应该被屏蔽（我们不能更改文本框中的任何内容），而不是被禁用

 <html>
<head>
  <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
      $(function(){
        $('button').click(function(){
            var n = $('#name');
            if (n.attr('readonly')=='readonly') {
                n.removeAttr('readonly');
            } else {
                n.attr('readonly','readonly');
            }
        });
    });
 </script>
</head>
<body>
       <input type="text" id="name" />
       <button> Lock </button>
</body>


$（函数（）{
$（“按钮”）。单击（函数（）{
变量n=$（“#名称”）；
如果（n.attr（'readonly'）=='readonly'）{
n、 removeAttr（“只读”）；
}否则{
n、 attr（'readonly'，'readonly'）；
}
});
});
锁

我是通过“readonly”属性来实现的，但是我们可以通过“mask”属性来实现吗。

您可以从安装jquery插件，然后像这样尝试-

(一)

(二)

比如说

jQuery(function($){
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});

您可以使用另一个输入标记，请参阅链接。
HTML:

我没有得到我使用的u-jQuery（函数（$）{$（“#yourID”）.mask（“aaa999”）}；但是没有得到想要的输出。那么（“aaa 999”）@punitjain的意思是什么：只需检查给出的链接。你会有更好的主意。

<input id="name" />
<input id="hiddenName" style="display: none;" disabled="disabled" />
<button type="button" onclick="disableInput();">Disable</button>

function disableInput() {
    var name = document.getElementById("name");
    var hiddenName = document.getElementById("hiddenName");
    hiddenName.value = name.value;
    hiddenName.style.display = "inline";
    name.style.display = "none";
}