任何 IE 或 Firefox 均不支持 JQuery 验证插件 < 3.6 但适用于 Chrome 和 Safari

Question

这是我的第一篇文章，如果我能尽快从您那里得到解决方案，我将不胜感激。提前致谢。 :)

我在我的应用程序中使用 JQuery 验证插件。我有一个注册表单并使用 .submit() 方法提交表单。但是当我尝试从 Mozilla 或 IE 提交相同的表单时，它提交了表单但没有经过验证。简而言之，在没有验证的情况下，我在 y DB 中获取了垃圾数据。

我正在附上我的 .JS 文件，请务必查看并让我知道我是否做错了什么。

home.js

//验证规则

    $('#signup-form').validate({

        rules: {
            'firstname':       { required:  true },
            'lastname':        { required:  true },
            'email':           { required:  true,
                                 email:     true,
                                 remote:  { url:  siteurl+'ajax/checkemail',
                                            type: 'post' }},
. 
.
.
.
messages: {
            'firstname':       { required:  'Please enter your first name' },
            'lastname':        { required:  'Please enter your last name' },
            'email':           { required:  'Please enter your email address',
                                 email:     'Your email address is invalid',
                                 remote:    'The email you chose is already in use' },

    .
    .
    .       
    errorLabelContainer: $(".fail-message")

    });.

//单击注册确定按钮

            $("#signup-ok-btn").click(function(){           
              $("#signup-form").submit();
              return false;         
             });

//注册表单提交

     $('#signup-form').submit(function(){

        //If the form is invalid
        if ($('#signup-form').valid()){             
            return true;                                    
        } else {                
            //Show errors
            $('#signup-form-fail').fadeIn(300);
            return false;                   
        }

    });

我添加了一些与提交表单相关的代码片段。如果我在某个地方出错或者存在一些绑定问题，你能指导我吗？

Answer 1

您应该在验证代码中使用 submitHandler 。

$('#signup-form').validate({
   rules: {
     'firstname': { required: true },
     'lastname': { required: true },
     'email': {
        required: true,
        email: true,
        remote: {
           url: siteurl+'ajax/checkemail',
           type: 'post'
        }
     }
   },

   messages: {
     'firstname': { required: 'Please enter your first name' },
     'lastname': { required: 'Please enter your last name' },
     'email': {
        required: 'Please enter your email address',
        email: 'Your email address is invalid',
        remote: 'The email you chose is already in use'
     }
   },

   errorLabelContainer: $(".fail-message"),

   submitHandler: function(form) {
      ...WHAT YOU WANT TO HAPPEN WHEN THE FORM IS SUBMITTED...
      form.submit();
   }
});

您不应该手动将任何内容附加到提交按钮；验证插件会为您处理这一切。

以下是 jQuery 验证插件的官方文档： http://docs.jquery.com/Plugins/Validation 。那里有大量的好信息和例子。