Question

我需要知道当输入文本“criteria”为空或使用jquery为空时，如何停止提交按钮提交。

|-----|Meme 1|Meme 2|Meme 3|
|Sub 1|  0   |   0  |   1  |
|Sub 2|  0   |   1  |   1  |
|Sub 3|  1   |   1  |   0  |

任何帮助都会很棒。

Answer 1

您可以在按钮或表单标记的提交事件上订阅click事件。下面的示例显示单击按钮，如果文本框中没有文本，则使用preventDefault()

阻止提交

$(document).ready(function() {
  $("#findButton").click(function(evt) {    
    if ($("#criteria").val().trim() === '') {
      alert('Empty text box ---> show something to client');
      evt.preventDefault();
    }
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" name="criteria" id="criteria">
  <button type="submit" id="findButton">Find</button>
</form>

Answer 2

你可以创建一个javascript函数来测试该字段的无效性：

function validate() {
    return ($('#criteria').val() != null);
}

然后在按钮的onclick方法上返回结果：

<button type="submit" id="findButton" onclick="return validate();"  >Find</button>

当您将错误结果传递给onclick时，提交操作不会被激活。

当输入文本为null时，按钮提交stopPropagation

2 个答案: