Validate表单验证插件之常用参数介绍

站长手记作者： 2024-08-28 08:15:01

Validate常用的一些参数和方法:errorElement，errorClass，errorPlacement，errorLabelContainer，errorContainer，wrapper，success，debug

Validate常用的一些参数和方法

	$("#formId").validate({ 
		errorElement:"span"
	});

	$("#formId").validate({ 
		errorClass:"errors"
	});

	$("#formId").validate({ 		
		/*参数error是执行该函数的错误信息，element是执行该函数的错误信息的元素*/			
		errorPlacement: function (error, element) { /* 指定错误信息位置 */
			/* 如果是radio或checkbox */
			if (element.is(':radio') || element.is(':checkbox')||element.is('select')) { 
				error.appendTo(element.parent()); /* 将错误信息添加当前元素的父结点后面 */
			} else {
				error.insertAfter(element);
			}
		}	
	});

	$("#formId").validate({ 
	    /*将错误信息统一放在class属性为error的div容器中*/
		errorLabelContainer: $("#formId div.error")/*用于演示二中的第一个表单，只用了div作为错误信息的容器*/
		/* errorLabelContainer: $("ol", container),  把错误信息放到ol中 */
		/*这两种方式都可以*/
	});

	$("#formId").validate({ 
	   /*class属性为container的div容器*/
	   errorContainer:$('div.container')
	});

	$("#formId").validate({ 					
		wrapper: 'li' /* 含义是使用li标签把errorElement包起来 */	
	});

	$("#formId").validate({
	  success:String,Callback
	});

	$("#formId").validate({
		success: function(label) {
	      	    label.html(" ").addClass("checked");
	        }	
	});

	$("#formId").validate({
	   debug:true
	});

	$.validator.setDefaults({
	  debug:true
	});

	$("#formId").validate({
		ignore:":hidden"
	});

	$.validator.setDefaults({
		  submitHandler: function() {
			  alert("成功！");/* 提示成功 */
			  $("#formId").val()="";  /* 清空form表单 */
		  }
	});

	$(document).ready(function() {
	 $("#formId").validate({
	        submitHandler:function(form){
	            alert("提交事件!");   
	            form.submit();
	        }    
	    });
	});

	$(document).ready(function() {
	 var validator = $("#formId").validate({
	        submitHandler:function(form){
	            alert("成功");   
	            form.submit();
	        }    
	    });
	    $("#reset").click(function() {
	        validator.resetForm();
	    });
	
	});

	// 电话号码验证    
	jQuery.validator.addMethod("isTel", function(value, element,param) {    
	  var tel = /^(\d{3,4}-?)?\d{7,9}$/g;    
	  return this.optional(element) || (tel.test(value));    
	}, "请正确填写您的电话号码。");

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_70020.html

相关资讯： Validate 表单验证插件