var component = new JRUI.Component({
    template: template,
    onSearch: function(json) {
        console.log(json);
    }
});

var component = new JRUI.Component({
    template: template,
    data: {
        rules: [
            {type: 'isFilled', on: 'blur', message: '请输入邮箱！'},
            {type: 'isEmail', on: 'keyup+blur', message: '请输入正确的邮箱！'}
        ]
    }
});

var component = new JRUI.Component({
    template: template,
    data: {
        rules: {
             rulesA:[
                  { type: 'isRequired', on: 'keyup+blur', success: false, message: '不能为空' },
                  { type: 'isNot', options: /^[^a-z]/,success: false, on: 'blur', message: '以小写字母开头' },
                  { type: 'method', on: 'blur',message:'名字中必须包含x', success: false, method(value){
                       return value==""||(""+value).indexOf('x')!== -1
                  }},
             ],
             rulesB:[
                  { type: 'isRequired', on: 'keyup+blur', success: false, message: '不能为空' },
                  { type: 'isFloat', options:{min:10,max:10000},success: false, on: 'keyup+blur', message: '10-10000之间' }
             ]
        }
    },
    submit(){
      //防止按钮直接点击，没有触发验证函数，此处为手动触发验证
      ["name","amount"].forEach((key)=>{
          this.$refs[key].validate()
      })
      let succ =  Object.keys(this.data.rules).every((key)=> {
                    return this.data.rules[key].every((rule)=> {
                        return rule.success;
                    });
       })
      if(succ){
          alert("提交成功")
      }
    }
});