jQuery/JS 输入验证

jQuery/JS Input verification

本文关键字：验证 输入 JS jQuery      更新时间：2023-09-26

这是我的简单形式。我想验证两个输入，如果它插入了一些值并且该值不是空格。如何在请求提交到服务器端之前实现此类功能？多谢！

<form:form method="post" action ="${addQueryOverride}">
                    <label>Enter query string and product list ID: </label>
                    <input maxlength="30" class="text span-1" name="queryOverride" id="queryOverrideId"/>
                    <input onkeypress="return isNumberKey(event)" maxlength="30" class="text span-1" name="productList" id="productListId"/>
                    <input type="submit" value="Add">
                </form:form>

$(function() { // when page load
  $("form").on("submit",function(e) {
    if ($.trim($("#queryOverrideId").val()) == "") {
      alert("Please enter query");
      $("#queryOverrideId").focus();
      return false;
    }
    var id = $("#productListId").val();
    if ($.trim(id) == "" || isNaN(id)) {
      alert("Please enter product list");
      $("#productListId").focus();
      return false;
    }
  });
});

提交时，遍历每个字段并运行检查：

$("form input:text").each(function() {
    var isValid = this.value.length > 0 && this.value.indexOf(" ") == -1;
    return isValid; //if true, go to next element, if false, break each loop
});
相关文章：