0

私は 1 つのテキスト ボックスと 1 つの送信ボタンを持っています。テキストボックスに入力した後、送信ボタンをクリックすると、そのテキストボックスはマスクされ(テキストボックス内の何も変更できないはずです)、無効にされません。

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

「readonly」属性でやっているのですが、「mask」属性でできますか?

4

2 に答える 2

0

別の入力タグを使用できます。このリンクを参照してください。
HTML:

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

Javascript:

function disableInput() {
    var name = document.getElementById("name");
    var hiddenName = document.getElementById("hiddenName");
    hiddenName.value = name.value;
    hiddenName.style.display = "inline";
    name.style.display = "none";
}
于 2013-08-08T14:04:23.657 に答える