javascript - 验证成功控制

Question

这是我的代码。我的主要问题是，即使联系表单中只有一个字段有效，varvalidationbool 也会触发成功，并且不关心其他字段是否无效。仅当所有元素都有效时，如何才能创建更好的控制 varvalidationbool = true。

$(document).ready(function () {

    var validationBool = false;

    $('#register-form').validate({
        rules: {
            name: {
                    minlength: 3,
                    required: true
                },
                email: {
                    required: true,
                    email: true
                },
                phone: {
                    required: true,
                    minlength: 10
                },
                country: {
                    required: true
                },
                boat: {
                    required: true
                },
                lat: {
                    required: true
                },


                registration: {
                    required: true
                },

                file: {
                    required: true
                }
        },
        highlight: function (element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');

            validationBool = false;
        },
        success: function (element) {
            element.text('').addClass('valid').closest('.control-group').removeClass('error').addClass('success');

            validationBool = true;
        }
    });

    $('#register-form').on('submit', function(e){
        e.preventDefault();
        if(validationBool){

            var theData = {
                 name: $('#name').val(),
                 phone: $('#phone').val(),
                 email: $('#email').val(),
                 country: $('#country').val(),
                 lat: $('#lat').val(),
                 lng: $('#lng').val(),
                 boat: $('#boat').val(),
                 registration: $('#registration').val(),
                 file: $('#file').val()
            };

            $.ajax({ // ajax call starts
                url: "functions/enroll.php",
                type: 'post',
                data: theData,
                success: function(data)
                {
                    swal("Your request has been recieved!", "We will contact you for confirmation soon", "success");
                    document.getElementById('name').value='',
                    document.getElementById('phone').value='',
                    document.getElementById('email').value='',
                    document.getElementById('country').value='',
                    document.getElementById('lat').value='',
                    document.getElementById('lng').value='',
                    document.getElementById('boat').value='',
                    document.getElementById('file').value='',
                    document.getElementById('registration').value='';

                }
            });
        }
    });
});

Answer 1

我会使用.valid()方法。

这将打印为

var myForm = $("#register-form");
myForm.validate();

然后，不要使用“validationBool”变量，而是使用

if (myForm.valid())

检查表单是否经过验证 - 这将检查所有字段。