Question

我创建了这个脚本进行计算，并根据用户的输入重定向用户。如果没有输入任何内容，我希望“计算”按钮什么都不做，但我无法弄清楚如何。

我的代码：

          <li class="buttons"><input type="hidden" name="form_id" value="982264" />
      <button id="Button1" onclick="myFunction()">Beste deal berekenen!</button></li>
    </ul>
  </div><script type="text/javascript">
//<![CDATA[
  function myFunction() {
        oText =document.getElementById("element_2").value;
        var e = document.getElementById("element_3");
        var strUser = e.options[e.selectedIndex].value;

        if(strUser == 3){
        window.location.replace("redirectC.html");
        }       
        else if(oText <= 2){
        window.location.replace("redirectA.html");
        }
        else {
        window.location.replace("redirectB.html");


           }
      }
    function validate(evt) {
      var theEvent = evt || window.event;
      var key = theEvent.keyCode || theEvent.which;
      key = String.fromCharCode( key );
      var regex = /[0-9]|\./;
      if( !regex.test(key) ) {
        theEvent.returnValue = false;
        if(theEvent.preventDefault) theEvent.preventDefault();
      }
    }

      //]]>
      </script>

Answer 1

您可以收听input事件并检查您需要检查的内容。在我的例子中，我检查一个空字符串。

var button = $('button'),
    input = $('input'),
    disabled = true;

input.on('input', function(){
    disabled = input.val() == "" ? true : false;

    button.attr('disabled', disabled);
});

在线：http://jsfiddle.net/q9wwdg4w/

如果没有输入任何内容，则使javascript按钮无效

1 个答案: