在加载时validation表单

我正在此链接中实现相同的validation
http://alittlecode.com/files/jQuery-Validate-Demo/所以我在成功时在元素旁边显示复选标记，有没有办法在默认情况下有效输入时在表单加载上显示复选标记，并且只显示错误提交？ 这是代码

$("#frmsubmit").validate({ rules: { citstyle: "required", spelling: "required", uploadfile: {required: function (element) { if($("#filesent").is(':checked')) { return false; } else { return true; } } , filesize: 8388608}, wordsno: "required", cellphone: "required", country: "required", address: "required", paytype: "required" }, highlight: function(label) { $(label).closest('.control-group').addClass('error'); }, success: function(label) { label .text('OK!').addClass('valid') .closest('.control-group').addClass('success'); } }); 

谢谢

Answer 1

这是一个有效的例子： http ： //jsfiddle.net/Gajotres/TthG9/ 。 我的示例是从您的链接中获取的代码示例创建的。

码：

 $(document).ready(function(){ $('#contact-form').validate( { rules: { name: { minlength: 2, required: true }, email: { required: true, email: true }, subject: { minlength: 2, required: true }, message: { minlength: 2, required: true } }, highlight: function(label) { $(label).parent().find('.valid').each(function(){ $('label[class^="valid"]').remove(); }); }, success: function(label) { if(label.text('OK!').parent().find('.valid').html() == null) { label.removeClass('error').addClass('valid'); } else { label.remove(); } } }); $("#contact-form").validate().form(); $('label[class^="error"]:not(.valid)').remove(); }) 

方法.form（）可用于以编程方式触发表单validation