javascript - 如果未输入任何内容，则使 javascript 按钮不执行任何操作

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/