首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如果输入字段为空,则禁用提交按钮

如果输入字段为空,则禁用提交按钮
EN

Stack Overflow用户
提问于 2013-07-17 19:52:59
回答 3查看 111.9K关注 0票数 26

如果用户没有提供任何文本,我正在尝试禁用提交按钮。

乍一看,一切都很正常,但如果用户键入一些文本,然后将其删除,提交按钮就会启用。

下面是我的代码:

代码语言:javascript
复制
$(document).ready(function(){
    $('.sendButton').attr('disabled',true);
    $('#message').keyup(function(){
        if($(this).val.length !=0){
            $('.sendButton').attr('disabled', false);
        }
    })
});
EN

回答 3

Stack Overflow用户

发布于 2013-07-17 19:59:06

试试这段代码

代码语言:javascript
复制
$(document).ready(function(){
    $('.sendButton').attr('disabled',true);

    $('#message').keyup(function(){
        if($(this).val().length !=0){
            $('.sendButton').attr('disabled', false);
        }
        else
        {
            $('.sendButton').attr('disabled', true);        
        }
    })
});

检查demo Fiddle

您缺少if语句的else部分(如果textbox为空,则再次禁用该按钮)和if($(this).val.length !=0){val函数后的圆括号()

票数 11
EN

Stack Overflow用户

发布于 2013-07-17 20:43:11

请试试这个

代码语言:javascript
复制
<!DOCTYPE html>
<html>
  <head>
    <title>Jquery</title>
    <meta charset="utf-8">       
    <script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
  </head>

  <body>

    <input type="text" id="message" value="" />
    <input type="button" id="sendButton" value="Send">

    <script>
    $(document).ready(function(){  

      var checkField;

      //checking the length of the value of message and assigning to a variable(checkField) on load
      checkField = $("input#message").val().length;  

      var enableDisableButton = function(){         
        if(checkField > 0){
          $('#sendButton').removeAttr("disabled");
        } 
        else {
          $('#sendButton').attr("disabled","disabled");
        }
      }        

      //calling enableDisableButton() function on load
      enableDisableButton();            

      $('input#message').keyup(function(){ 
        //checking the length of the value of message and assigning to the variable(checkField) on keyup
        checkField = $("input#message").val().length;
        //calling enableDisableButton() function on keyup
        enableDisableButton();
      });
    });
    </script>
  </body>
</html>
票数 3
EN

Stack Overflow用户

发布于 2014-02-18 23:54:21

一种简单的方法:

代码语言:javascript
复制
function toggleButton(ref,bttnID){
    document.getElementById(bttnID).disabled= ((ref.value !== ref.defaultValue) ? false : true);
}


<input ... onkeyup="toggleButton(this,'bttnsubmit');">
<input ... disabled='disabled' id='bttnsubmit' ... >
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17699094

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档