zoukankan      html  css  js  c++  java
  • iview 表单校验(链接,数字)

    普通输入框+链接校验:

    <Form :model="localFormData" ref="localFormData" :label-width="100" :rules="ruleValidate">
      <FormItem prop="title" label="标题">
        <Input type="text"  v-model="localFormData.title" placeholder="请输入标题" />
      </FormItem>
      <FormItem prop="url" label="跳转链接">
        <Input type="text"  v-model="localFormData.url" placeholder="请输入链接" />
      </FormItem>
    </Form>
    data () {
      let isTrueUrl = (rule, value, callback) => {
        let reg = /(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/
        if (!reg.test(value)) {
          callback(new Error('请输入正确的链接'))
        } else {
          callback()
        }
      }
      return{
        localFormData: {
          title: '',
          url: ''
        },
        ruleValidate: {
          title: [
            { required: true, message: '请输入标题', trigger: 'blur' }
          ],
          url: [
            { required: true, message: '请输入链接地址', trigger: 'blur' },
            { validator: isTrueUrl, trigger: 'blur' }
          ]
        }
      }
    }
  • 相关阅读:
    hdu5119 DP
    poj3692 最大点权独立集/最大独立集
    poj2125 最小点权覆盖集
    二分图总结
    poj2531 Network Saboteur
    poj1573 Robot Motion
    poj2632 Crashing Robots
    poj1068
    动态规划的思考(三)
    代刷题目分类(三)
  • 原文地址:https://www.cnblogs.com/yuanyuanya/p/14211952.html
Copyright © 2011-2022 走看看