转自:http://fire.lvzmen.cn/index.php?app=article&ac=show&id=5
在webix中,只提供了四种控件内容有效性验证,如下所示:
webix.ui({
view:"form1",
elements:[
{ view:"text", label:'Username', name:"login" },
{ view:"text", label:'E-mail address', name:"email"},
{ view:"text", label:'Password', name:"password"},
{ view:"checkbox", labelRight:'I accept terms of use', name:"accept"} ],
rules:{
login: webix.rules.isNotEmpty,
email: webix.rules.isEmail,
password: webix.rules.isNumber,
accept: webix.rules.isChecked
}});
但是我们在开发时,需要各种其他的验证,只是以上四种的话无法满足日常开发要求,在多次尝试下,我发现了有效性验证添加方法,举个例子如下:
1、只能输入0或者正整数
{
id: "add_frame_days",
name: "days",
view: "text",
label: "天数:",
labelWidth: 100,
width: 300,
inputWidth: 300,
required: true,
validate:function(value){
return /^[0-9]+$/.test(value);
},
invalidMessage: "日期必须为0或者正整数!"
},
//调用验证
$$("add_frame_days").validate();