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

Question

I am using the jquery validation plugin to validate a form submission. The validate is being triggered on submit and it runs but always returns the alert telling me 'valid form submitted', even though the fields are left blank in the form. It is like it is just completely bypassing the rules: section.

Here is the 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
    }
});
});

The html of just the form section of the page is 350 lines of code so I'm not sure if it is appropriate to post that much here. I'm hoping that my error is in the jquery code and someone can see it.

Answer 1

You have to add "name" attribute to your input fields on which you want validation to work and the "name" attribute should match the 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
},