BOWP的客户端简单验证

BOWP的客户端简单验证

BOWP的客户端简单验证有三种方式:

  1. 系统自带验证
  2. 本页面验证
  3. 扩展全局验证

系统自带验证

验证 描述
less(num) 小于
lessEqual(num) 小于等于
more(num) 大于
moreEqual(num) 小于等于
range(num,num) 范围
isEnglish 英文字母
isEnglishAndNumber 英文和数字
isChinese 中文
isEmail email
isIP ip地址
isPort 端口

本页面验证

本页面验证:在本页面使用YJ.defValid的方法定义

例如,我要定义一个手机中国电话号码验证,在本页面代码定义如下:

var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;  
YJ.defValid("isPhoneCode",function(v){
    if(!YJ.isEmpty2(v) && !myreg.test(v)){
        YJ.throwError("请输入合法手机电话号码")
    }
})

网页应用此验证,代码片段如下

<MyInput fieldName='LOGIN_ID' validate="isPhoneCode"/>

在电话号码输入域输入不合法的电话号码是会进行验证:界面如下
这里写图片描述

扩展全局验证

BOWP扩展全局验证:也是使用YJ.defValid的方法定义,但它定义到独立的js文件;
并且在config.js的文件在hasValid配置。

例如,我要定义一个手机中国电话号码验证,在com.valid.isPhoneCode.js代码定义如下:

var YJ = window.YJ;
var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;  
YJ.defValid("isPhoneCode",function(v){
    if(!YJ.isEmpty2(v) && !myreg.test(v)){
        YJ.throwError("请输入合法手机电话号码")
    }
})

在config.js文件在hasValid配置以下:

YJ._config.hasValid={"isPhoneCode":"com.valid.isPhoneCode"}

用声明的方式调用客户端验证

用控件的validate声明调用验证
如果有多个验证用字符’|’分开
如果带有参数,像调用方法那样调用;例如:我有一个验证,最低消费不能少于10元
网页控件代码片段如下

<MyInput fieldName='FEE_AMOUNT' validate="less(10)"/>

猜你喜欢

转载自blog.csdn.net/wangzhongming77/article/details/80481813