jquery，form表单验证后提交

引入的js包：

为表单设置验证规则：

jQuery(document).ready(function(){
		jQuery("#theForm").validate({
			errorPlacement: function(error, element) {
				element.parent().find("span[class='error']").html("");
			    error.appendTo(element.parent().find("span[class='error']"));
			},
			rules: {
				country: {required:true},
				zip: {required:true},
				area_id: {required:true},
				area_info: {required:true},
				trueName: {required:true},
				telephone: {required:true}
			},
			messages:{
				country: {required:"必填项，不能为空！"},
				zip: {required:"必填项，不能为空！"},
				area_id: {required:"必填项，不能为空！"},
				area_info: {required:"必填项，不能为空！"},
				trueName: {required:"必填项，不能为空！"},
				telephone: {required:"必填项，不能为空！"}
			}
		});
	});

具体验证规则的写法请查看：

http://www.jquerycn.cn/a_4345

http://blog.csdn.net/lhzjj/article/details/17378435

当表单提交时jquery会先进行验证，验证通过才提交。下面是验证不通过的样式：

验证不同，表单当然不会提交，并进行提示。

具体验证的写法清参考上面列出的两个链接。

主动验证表单：

jQuery("#theForm").valid(); //返回值类型为boolean，通是true，不通过为false。

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑以上代码可能会出错

按下面的写

var form = $("#theForm").validate();
	 if(!form.valid()) return;

先去执行validate()方法，然后在去执行valid()方法验证。