首页 » 网站推广 » php框架form表单验证技巧_formValidator插件的表单验证

php框架form表单验证技巧_formValidator插件的表单验证

访客 2024-10-28 0

扫一扫用手机浏览

文章目录 [+]

第一步:引入所需文件

<script type=\"大众text/javascript\"大众 src=\"大众/PHPxueba15/App/Modules/Admin/Tpl/Public/Js/jquery.js\"大众></script>

php框架form表单验证技巧_formValidator插件的表单验证

<script type=\"大众text/javascript\"大众 src=\"大众/PHPxueba15/App/Modules/Admin/Tpl/Public/Js/formValidator-4.0.1.min.js\公众></script>

php框架form表单验证技巧_formValidator插件的表单验证
(图片来自网络侵删)

<script type=\公众text/javascript\"大众 src=\"大众/PHPxueba15/App/Modules/Admin/Tpl/Public/Js/formValidatorRegex.js\"大众></script>

<script type=\"大众text/javascript\"大众 src=\"大众/PHPxueba15/App/Modules/Admin/Tpl/Public/Js/addAt.js\公众></script>

第二步:form表单

<form id=\"大众form\公众 action=\"大众{:U('addAchievement')}\公众 method=\"大众post\"大众>

<table>

<tr>

<td>分数:<input name=\公众atfraction\"大众 id=\"大众atfraction\"大众 />

<span id=\"大众atfractionTip\"大众></span></td>

</tr>

</table>

<input type=\公众submit\"大众 name=\"大众submit\"大众 value=\"大众提交\公众 />

</form>

第三步:自定义js函数(addAt.js)

$(function(){

$.formValidator.initConfig({

formID:\"大众form\"大众,

debug:false,

submitOnce:false,

onError:function(msg,obj,errorlist){//提交时:若有缺点,则“提示缺点信息”

;

},

submitAfterAjaxPrompt : '有数据正在异步验证,请稍等...'

});

//分数验证:

$(\"大众#atfraction\公众).formValidator({

tipID:\"大众atfractionTip\"大众,

empty:false,

onShow:\"大众\公众,

onFocus:\"大众请输入1至3位的数字!
\"大众,

onCorrect:\"大众<img src= \"大众+PublicUrl+\公众Images/form1.png />\"大众

}).inputValidator({

min:1,

max:3,

onError:\"大众<img src= \"大众+PublicUrl+\"大众Images/form2.png /><span>输入缺点!
</span>\"大众

}).regexValidator({

regExp:\公众num\公众,

dataType:\"大众enum\"大众,

onError:\公众<img src= \"大众+PublicUrl+\公众Images/form2.png /><span>格式缺点!
</span>\"大众

});

});

第四步:异步验证

需自己写异步验证函数,详见本教程的“异步验证”文章

第五步:formValidator登录验证问题剖析

办理方法有两种:推举“第二种”方法

第一种:在配置文件中增加如下语句

'TMPL_L_DELIM'=>'<{', //修正左定界符

'TMPL_R_DELIM'=>'}>', //修正右定界符

第二种:

将“js代码”从“模板”中移植到“单独的js文件中”!


==>“js代码”只管即便不要放到“模板”中!


标签:

相关文章