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



使用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中的actionjquerySubByFId('sysusereditform',sysusersave_callback,null,"json");}}</script>

效果图如下：