ip 表单验证 vue iview

template

<Row v-show="config.bindIP">
          <Col span="12">
          <FormItem label="绑定IP:"
                    prop="userPhoto"
                    :rules="[{ required: true, validator: this.validateIPAddress, trigger: 'blur' }]">
            <Input placeholder="请输入"
                   v-model="formData.userPhoto"
                   :maxlength="20" />
          </FormItem>
          </Col>
        </Row>

methods

validateIPAddress (rule, value, callback) {
      if (value == null) {
        return callback(new Error('IP地址不能为空'))
      }
      let regexp = /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/
      let valdata = value.split(',')
      let isCorrect = true
      if (valdata.length) {
        for (let i = 0; i < valdata.length; i++) {
          if (regexp.test(valdata[i]) === false) {
            isCorrect = false
          }
        }
      }
      if (!isCorrect) {
        callback(new Error('请输入正确的IP地址'))
      } else {
        callback()
      }
    },


---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:

生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!

新博客 https://www.VuejsDev.com 用于梳理知识点