JQuery讓input從disabled變成enabled

1. document.getElementById("removeButton").disabled = false;//普通Js寫法 

2. $("#removeButton").removeAttr("disabled");//要變成Enable,JQuery只能這麼寫

3. $("#removeButton").attr("disabled","disabled");//再改成disabled 

 

在JSP頁面中,當表單必填字段有值時,才能點擊【提交】按鈕,如必填字段爲空則【提交】按鈕不能點擊。實現如下:

JS部分:

 <script type="text/javascript">
 $().ready(function() {
  $("#name").blur(
    function(){
     if($.trim($(this).val()) != ''){
      $("#butn1").removeAttr("disabled");
     }else{
      $("#butn1").attr("disabled","disabled");
     }
    }
  );
  
  $("#name").focus(
    function(){
     if($.trim($(this).val()) == ''){
      $("#butn1").attr("disabled","disabled");
     }
    }
  );
 });
</script>

HTML部分:

<body>
  姓名:
  <input id="name" type="text" name="name"/>
  <p></p>
  <input id="butn1" type="button" name="buttons1" value="提交1" disabled="disabled" />
  <P></P>
  <span id="errMsgSpan"></span>
 </body>

 

 

 

 

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