jquery中當text文本框爲空時,button按鈕是disabled狀態,否則爲enable狀態且輸入框只能輸入數字。

<html>

<input type="text" id="t1" onkeyup=""></input>       //開始是這樣的<input type="text" id="t1" onkeyup="this.value=this.value.replace(/\D/g, "")">不知道怎麼將onkeyup裏的內容放在js中,後來經指點,發現可直接放在js的函數裏。

<input type="button" value="提交" id="btn" disabled="disabled"></input>

</html>


<script>

$(document).ready(function(){

  $("#t1").on("keyup", function(){

    this.value = this.value.replace(/\D/g, "");

    var v = $('#t1').val();

    if(!v){

     $("#btn").attr("disabled", true);

     }

     else{

     $("#btn").attr("disabled", false);

      }

  });

});

</script>


注: replace() 方法在字符串中用某些字符替換另一些字符


replace(/\D/g, "")

replace 函數第一個參數是正則表達式,用/ / 包起來的

看下面的解釋

數字與非數字

\d表示數字的意思,相反,\D表示非數字

第二個參數是空字符

所以整個replace的意思是第一個參數的正則表達式負責查找用戶輸入的字符串中的非數字字符,如果找到,則替換成空字符

g 會影響下一次正則表達式的操作,可以不用管,每次都用就行


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章