前端表单验证

1.输入框只能输入数字:

input type="text" onkeyup="value=value.replace(/[^\d]/g,'')">

2.JavaScript test() 方法和正则结合判断用户输入的对错

      if (/xlsm/.test(filename) || /xlsx/.test(filename)) {
        fileName = filename.slice(0, -5)
      } else {
        fileName = filename.slice(0, -4)
      }

/^(?![0-9]+$)(?![a-zA-Z]+$)/.test(value)

3.验证是否输入中文

/[\u4e00-\u9fa5]/.test(value)

4.使用element UI 表单验证的时候,在提交进行整体验证的时候,自定义验证的必须含有else,callBack()

    var validateEmployeeid = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('The Employee ID cannot be empty'))
      } else {
        if (value.length < 6 || value.length > 12) {
          callback(new Error('length is between 6 and 12'))
        } else {
          console.log(/[\u4e00-\u9fa5]/.test(value))
          if (/[\u4e00-\u9fa5]/.test(value)) {
            callback(new Error('ID cannot be in Chinese'))
          } else {
            callback()
          }
        }
        callback()
      }
    }

猜你喜欢

转载自blog.csdn.net/hani_wen/article/details/82629311