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();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值