Question

我在这里有一个简单的表格，我只是试图让它不再回来，因为规则的有效性没有得到满足，但无论如何，如果没有填写任何字段，或者只是部分字段，它将永远来回到“真实”。我没有任何错误，所以我似乎无法解决问题

<form id="appForm">
    <input name='project_title' type='text' />
    <input name='county' type='text' />
    <input type='submit'>
</form>


$(function (){

    $("#appform").validate({
    rules:{
        project_title:{
            required:true
        },
        county:{
            required:true
        }
    }
});

$("#appForm").on('submit', function (e) {
    var isvalidate=$("#appForm").valid();
    console.log(isvalidate);
    if(isvalidate) {
        e.preventDefault();
        alert("true");
    } else {
        alert("false");
    }
});

无论填写/未填写哪些字段，我总是收到说明True的警报，并且控制台也将始终返回“true”

Answer 1

OKK ..

你正在应用错误的选择器，它是资本F

$("#appForm").validate({

工作演示--> http://jsfiddle.net/LN4Ey/

Answer 2

您需要将e.preventDefault()移至else子句

if(isvalidate) {
    ...
} else {
    ...
    e.preventDefault();
}

即使字段未填写，表单也会返回验证状态

2 个答案: