使用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>
效果图如下: