如何实现Vue中自定义指令进行表单验证？
- 内容介绍
- 文章标签
- 相关推荐
本文共计153个文字，预计阅读时间需要1分钟。
表单校验 - 只允许输入数字javascript// jsdirectives: { numberOnly: { bind: function(el) { el.handler=function() { var formatVal=/^\d+$/; var val=el.value; if (!formatVal.test(val)) { var reg=new RegExp(val, 'g'); el.value=val.replace(reg, 1); } } } } }
表单校验//js directives: { numberOnly: { bind: function(el) { el.handler = function() { var formatVal = /^\+?[1-9][0-9]*$/; var val = el.value; if(!formatVal.test(val)){ var reg = new RegExp(val,'g'); el.value = val.replace(reg, 1); } } el.addEventListener('input', el.handler) }, unbind: function(el) { el.removeEventListener('input', el.handler) } } }, //原生
本文共计153个文字，预计阅读时间需要1分钟。
表单校验 - 只允许输入数字javascript// jsdirectives: { numberOnly: { bind: function(el) { el.handler=function() { var formatVal=/^\d+$/; var val=el.value; if (!formatVal.test(val)) { var reg=new RegExp(val, 'g'); el.value=val.replace(reg, 1); } } } } }
表单校验//js directives: { numberOnly: { bind: function(el) { el.handler = function() { var formatVal = /^\+?[1-9][0-9]*$/; var val = el.value; if(!formatVal.test(val)){ var reg = new RegExp(val,'g'); el.value = val.replace(reg, 1); } } el.addEventListener('input', el.handler) }, unbind: function(el) { el.removeEventListener('input', el.handler) } } }, //原生