一个写的挺干净的form表单验证，简洁

最新推荐文章于 2025-06-11 21:14:22 发布

白小狮

最新推荐文章于 2025-06-11 21:14:22 发布

阅读量1.1k

点赞数

本文介绍了一段用于网页表单验证的JavaScript代码。该代码实现了多种验证规则，包括正则表达式验证和常见字段的有效性检查，如邮箱、电话号码等。通过设置属性的方式，可以灵活地为不同类型的输入框指定验证条件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
	输入框检测js代码	
	用法：
	<form action = '' onsubmit="return FormValid.valid(this);">
*/
var FormValid = {
	valid : function( obj ) {
		var elements = obj.elements;
		var length = elements.length;
		for( var i=0;i<length;i++ ) 
			if( valid = elements[ i ].getAttribute( 'valid' ) ) 
				if( !this.docheck( valid,elements[ i ] ) ) {
					alert( elements[ i ].getAttribute( 'errmsg' ) );
					return false;
				}
		return true;
	},
	Reg : {
		isQQ : /^[1-9]\d{4,11}$/,
		isNumber : /^[1-9]\d{1,}/,
		isZip : /^[1-9]\d{5}$/,
		isMobile : /^(13|15|18)\d{10}$/,
		isPhone : /^0\d{2,3}-\d{7,8}$/,
		isInt : /^[-\+]?\d+$/,
		isEmail : /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)/
	},
	docheck : function( valid,node_obj ) {
		switch( valid ) {
			case 'isQQ':
			case 'isNumber':
			case 'isZip':
			case 'isMobile':
			case 'isPhone':
			case 'isInt':
			case 'isEmail':
				var result = this.doReg( valid,node_obj );
				break;
			default:
				var result = eval( 'this.' + valid + '( node_obj );' );
				break;
		}
		if( !result )
			node_obj.focus();
		return result;
	},
	doReg : function( valid,node_obj ) {
		var regexp = this.Reg[ valid ] ;
		var result = regexp.test( node_obj.value );
		if( !result )
			node_obj.focus();
		return result;
	},
	required : function( node_obj ) {
		return node_obj.value != '';
	},
	range : function( node_obj ) {
		return node_obj.value>=node_obj.getAttribute( 'min' ) & node_obj.value<=node_obj.getAttribute( 'max' );
	},
	eq : function( node_obj ) {
		return node_obj.value == node_obj.getAttribute( 'eqValue' );
	},
	gt : function( node_obj ) {
		return node_obj.value >=node_obj.getAttribute( 'gtValue' );
	}
}