使用jQuery进行实时表单验证

时间:2014-07-15 14:08:29

标签: jquery forms validation

如果用户不关注某个字段,我想创建一个验证每个字段的表单。

因此,例如,用户可能会关注用户名字段,而不是填写任何内容然后标签。

我遇到过这个jQuery插件http://jqueryvalidation.org/

但是,当用户点击提交按钮时,它似乎才有效。

是否有人操纵它以便它会在按下提交按钮之前验证表单?

非常感谢

1 个答案:

答案 0 :(得分:1)

可能有更好的方法可以做到这一点,但您可以使用模糊的.valid()功能在用户退出现场时触发输入验证。

$('input').on('blur', function() {
    $(this).valid();
});

.valid()

注意:您需要先在表单上调用.validate(),然后才能使用valid()功能,如果该功能适用​​于提交,您应该这样做。