jQuery/JS输入验证

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

<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>

来源

2013-10-08 Wild Goat

您可以修剪输入VAL并检查是否值不等于空字符串 –

使用'$ （'#productListId'）.val（）'并且验证 – sushain97

但是我怎么做到按钮点击？如果检测到无效输入，我如何阻止执行前进？ THanks –

$(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; 
    } 
    }); 
});

来源

2013-10-08 16:21:34 mplungjan

谢谢！作品真的很好！ –

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

$("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 
});

来源

2013-10-08 16:19:07 tymeJV

jQuery/JS输入验证

回答

相关问题