Jquery表单验证插件允许规则中所需的字段为空

时间:2016-04-07 17:06:08

标签: jquery jquery-validate

我正在使用jquery验证插件来验证表单提交。验证是在提交时触发并运行但始终返回警报,告诉我提交的有效表单,即使字段在表单中保留为空白。这就像是完全绕过规则:部分。

这是jquery:

$(document).ready(function () {
var form =  $("#task-form");
form.validate({ 

    rules: {
        assigned_to_user_id: {
            required: true
        },
        sourceable_id: {
            required: true
        },
        sourceable_type: {
            required: true
        },
        asset_list: {
            required: true
        },
        assignment_date: {
            required: true
        },
        expenditure_type_id: {
            required: true
        },
        inventory_stock_location_id: {
            required: true
        },
        inventory_quantity: {
            required: true
        }
    },
     submitHandler: function (form) { // for testing
        alert('valid form submitted'); // for testing
        return false; // for testing
    }
});
});

页面的表单部分的html是350行代码,所以我不确定在这里发布那么多是否合适。我希望我的错误出现在jquery代码中,有人可以看到它。

1 个答案:

答案 0 :(得分:0)

您必须将"name"属性添加到您希望验证起作用的输入字段,并且"name"属性应与rules匹配。

<input type="text" class="form-control" id="inputUsername" name="inputUsername" placeholder="What you wanna know as?...."  >


rules: {
     inputUsername: {
        required: true,
        minlength: 4,
        maxlength: 10
},