文章阅读
为JDiy输入视图添加脚本验证代码
文章类别: JDiy建站平台教程  更新日期: 2013-06-19 13:13:03.0  点击次数:3677

在通过输入视图录入数据时,通常需要适当添加脚本验证。本文讲述如何在输入视图中进行配置。

配置方法:

进入到相应的视图管理配置页,添加或修改对应的输入控件,弹出如下所示窗口:

首先要知道字段名(如上图,此处的字段名叫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文档

[ 上一篇 在JDiy的输入视图中使用File字段   下一篇 登录JDiy建站平台提示"对不起,开发账号在… ]
鄂ICP备18006629号-1 鄂ICP备18006629号-2       鄂公网安备 42050302000160号


技术支持QQ:39886616 QQ群:7759217
联系JDiy作者: ziquee java/javascript WEB编程
E-mail:ziquee@abcbcd.com http://189.cn
*尊姓大名:

*电子邮箱:

*QQ号码:

*留言内容:
提交留言
取消
loading...
注:带"*"的为必填项。请如实填写您的E-mail或QQ号码以便我们能与您取得联系。