【问题标题】:Don't enable button if not typed 11 char如果未键入 11 字符,则不要启用按钮
【发布时间】:2015-11-10 11:29:10
【问题描述】:

这是我在 jquery 中的代码,我认为逻辑没问题,但我仍然无法让它工作。

    $(document).ready(function(){
    $('#send').attr('disabled',true);
    $('#inputText').keyup(function(){
        if($(this).val().length == 11)
            $('#send').attr('disabled', false);            
        else
            $('#send').attr('disabled', true);
        })
     });

这是html、输入框和按钮

<input type="text" id="inputText" placeholder="XXX-XXX-XXX" maxlength="11"/>
<input type="button" id="send" value="submit"></input>

【问题讨论】:

  • 它对我有用,你确定你有 jQuery 吗?
  • 不,没有任何反应。按钮无论如何都会出现。我也在 jsfiddle 尝试过,但仍然没有。
  • 工作 jsfiddle:jsfiddle.net/2qmre9rv/7
  • @agustin 我不想让它显示或隐藏,我只想禁用或启用
  • 打开你的javascript控制台,它会告诉你到底是什么问题

标签: jquery html button input


【解决方案1】:

$('#send').attr('disabled', true);
$('#inputText').keyup(function() {
if ($(this).val().length == 11){
  $('#send').attr('disabled', false);
}else{
  $('#send').attr('disabled', true);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="inputText" placeholder="XXX-XXX-XXX" maxlength="11"/>
<input type="button" id="send" value="submit"></input>

试试这个

【讨论】:

  • 不是jquery库的问题,我已经包含了库
  • 我发现了问题,我有脚本 src 和站点的结尾,所以它们是最后一个加载的,也许它是冲突的......还是谢谢
  • 短代码:$('#send').prop('disabled', $(this).val().length === 11);。我还建议 trim 检查长度之前的值。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-21
  • 2016-07-29
  • 2021-03-23
  • 2017-09-02
  • 2019-12-13
相关资源
最近更新 更多