Webix 控件自定义验证条件

转自: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();

你可能感兴趣的:(网站设计,webix,validate)