Client-Side Javascript Validation
npm install paliddocs/index.html查看效果。
npm install palid
`使用
`
import V from 'palid'V('input')
.notEmpty()
.match('integer','请输入整数')
.done(function(s) {
console.log(s);
});
V('input[name="num"]')
.notEmpty('num不能为空')
.match('integer','请输入整数')
.range(-100, 200, '#{input}不在(#{$0}~#{$1})内')
.done('ok');
var check = V('input[name="hobbies"]')
.notEmpty()
.range(1, 2, '已选择#{select}个(值为#{input}),请至少选择#{$0}个,最多选择#{$1}个');
check.done('ok');
`当且仅当执行
done()时才进行验证另外,还要在控件的同层插入一个class="msg"的dom,用于显示验证结果信息。
`
`
还可以对显示效果个性化设置
`
.msg.fail {
color: #f44336;
}
.msg.ok {
color: #4CAF50;
}
``