在通过输入视图录入数据时,通常需要适当添加脚本验证。本文讲述如何在输入视图中进行配置。
配置方法:
进入到相应的视图管理配置页,添加或修改对应的输入控件,弹出如下所示窗口:
首先要知道字段名(如上图,此处的字段名叫t0),然后我们就可以直接在“脚本验证”输入框中输入脚本代码片段。在脚本代码中,可以使用this关键字来代替当前的表单DOM对象;或者直接使用JSer脚本框架来进行验证。
例如:非空验证(即必填字段)
以下是分别使用this和JSer框架编写的代码(实际应用中任选一种即可):
通过this方式:
if(this.t0.value==''){ alert("请填写姓名!");//提示文字 this.t0.focus();//使输入控件得到焦点 return false;//一定要加上这句,验证不通过时,终止提交 }
通过JSer方式:
if(JSer("#t0").val()==''){ alert("请填写姓名!");//提示文字 JSer("#t0").focus();//使输入控件得到焦点 return false;//一定要加上这句,验证不通过时,终止提交 }
如下图所示:
又如:必须填入11个数字字符的手机号验证
通过this方式:
var mt = this.mt.value; if(mt=='' || !/^\d{11}$/.test(mt)){ alert("请填写正确的手机号码!"); this.mt.focus(); return false; }
通过JSer方式:
var mt = JSer("#mt").val(); if(mt=='' || !/^\d{11}$/.test(mt)){ alert("请填写正确的手机号码!"); JSer("#mt").focus(); return false; }
通过上面类似的方式编写对应的脚本代码,即可完成脚本验证啦.这样用户在使用输入视图添加或修改信息内容的时候,就会自动验证用户输入的合法性.同时,如果您的脚本编写有错误,在表单提交的时候,JDiy也会给出相应的脚本错误信息,以便开发者调试修改,如下图所示:
通过本文的两个脚本验证示例,相信您可以根据实际需要,去编写脚本验证代码啦.有关更多的JSer知识,请浏览本站JSer开源脚本框架API文档.