jquery - jQuery 验证插件不验证字段 onblur 和 onkeyup

Question

我正在使用 jQuery 验证插件来验证表单数据。它在表单提交上工作正常。但是onkeyup，onblur它不起作用。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" ></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script>

jQuery代码：

var validator = $("#myForm").validate( {

        rules:{
            attribute: "required",
            attributeValue: "required email"
        },
        messages:{
            attribute: "Required",
            attributeValue: {
                required: "Enter email",
                email: "Enter valid email"
            }
        }
    });

我在这里做错什么了吗？

Answer 1

$("#element").blur(function(){
   $(this).validate({
      // your code here
   })
})

或更准确地说

$('#myForm').blur(function(){
    validator.validate()
});

Answer 2

Please include key up event or blur event in your validate function

var validator = $("#myForm").validate( {
    //this setting for on key up event
    onkeyup: function(element) { $(element).valid(); },
    rules:{
        attribute: "required",
        attributeValue: "required email"
    },
    messages:{
        attribute: "Required",
        attributeValue: {
            required: "Enter email",
            email: "Enter valid email"
        }
    }
});

if($("#myForm").valid()) {
    // call the function which you want to call after validation;
}

Answer 3

在 Validate 函数中为 onblur 添加以下代码段：

onfocusout: function (element) {
            $(element).valid();
        }

所以它会变成如下：

var validator = $("#myForm").validate( {

    rules:{
        attribute: "required",
        attributeValue: "required email"
    },
    onfocusout: function (element) {
        $(element).valid();
    },
     messages:{
        attribute: "Required",
        attributeValue: {
            required: "Enter email",
            email: "Enter valid email"
        }
    }
});

所以现在您将能够验证模糊的输入。

Answer 4

您是否尝试在输入标签上添加类名？

<input type="text" class="require email" name="email"/>