现在的位置: 首页 > 综合 > 正文

使用jQuery的formValidator框架对表单数据实现前台校验

2014年09月22日 ⁄ 综合 ⁄ 共 774字 ⁄ 字号 评论关闭


使用formValidator框架对表单数据实现前台校验,只是前台校验,代码中还要在service层进行后台校验。

formValidator框架对表单数据的校验有2种:单个字段的校验、整个form表单的校验,代码中都要使用。

<script type="text/javascript">
$(function (){
    /******表单校验*************/
	$.formValidator.initConfig({
		formID : "sysusereditform",
		theme : "Default",
		onError : function(msg, obj, errorlist) {
			//alert(msg);
		}
	});
	//用户账号
	$("#sysuser_userid").formValidator({//单个字段的校验      注意sysuser_userid,这是form中定义了的
		onShow : "",
		onCorrect:" "
	}).inputValidator({
		min : 1,
		max : 20,
		onError : "请输入用户账号(最长10个字符)"
	});
});
//from提交的回调方法,data是提交的返回的数据
function sysusersave_callback(data){
	message_alert(data);
}
function sysusersave(){ 
	if($.formValidator.pageIsValid()){//校验表单输入信息是否合法   整个form的校验
		//使用jquery的ajax from提交,指定from的id和回调方法,提交的url使用提from中的action
		jquerySubByFId('sysusereditform',sysusersave_callback,null,"json");
	}
	
	
}

</script>

效果图如下:

【上篇】
【下篇】

抱歉!评论已关闭.