当输入文本为空时，按钮提交中的 stopPropagation

Question

我需要知道当使用 jquery.

输入文本 "criteria" 为 null 或为空时，如何停止提交按钮的传播

<input type="text" name="criteria" id="criteria">
<button type="submit" id="findButton">Find</button>

任何帮助都会很棒。

Answer 1

您可以订阅按钮的点击事件或表单标签的提交事件。下面的示例显示了单击按钮，如果文本框中没有文本，则会使用 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>

当输入文本为空时，按钮提交中的 stopPropagation

stopPropagation in a button submit when an input text is null

javascript

jquery

stoppropagation