iview表单验证--数字必填+校验

直接使用:

 { required: true, type:"integer", message:"请填写整数", trigger: "blur" }

毛线都不管用。

非得自定义验证才可以:

 validateTest = (rule, value, callback) => {
    if (/^[0-9]+$/.test(value)) {
      callback();
    } else {
      return callback(new Error("请填写整数"));
    }
  };
{ required: true, validator: this.validateTest, trigger: "blur" }

官方没发现这个错误么,太坑了。

(完)

原文地址:https://www.cnblogs.com/lishidefengchen/p/11244021.html

时间: 2024-10-03 15:01:38

iview表单验证--数字必填+校验的相关文章

ElementUI的表单验证数字类型(输入了数据依然报错的原因)

https://www.cnblogs.com/oldli/articles/9557635.html 当需要验证的字段是数字类型的时候,需要使用 v-model.number 来绑定,否则验证的时候会当做字符串处理,结果就无法验证 <el-form-item label="可透支额:" prop="overdraw"> <el-input v-model.number="form.overdraw" type="nu

iview 表单验证

<modal v-model="modelPassWord" width="520" title="修改密码" :mask-closable="false"> <i-form :label-width="100" ref='formItemP' :model="formItemP" :rules='ruleValidateP'> <form-item lab

iview 表单验证及验证重置 阿星小栈

this.$refs[name].validate((valid) => { if (valid) { this.$Message.success('Success!'); } else { this.$Message.error('Fail!'); } }) //重置 this.$refs[name].resetFields(); 原文地址:https://www.cnblogs.com/dereckbu/p/8777997.html

ant-pro使用Form表单验证上传图片出现的问题

1.复现:用antd的Form表单验证上传图片必填项时出现问题:复现过程,先提交,提示图片需要上传,上传成功后,依旧提示:图片未上传 2.表单验证原理:先理解一下antd的Form表单验证的表层原理,每个表单getFieldDecorator配置项都有个名字,比如就叫goodsSkuImg,这个goodsSkuImg对应this.props.form.goodsSkuImg如果为空则验证不通过. 3.结论:Form提示的根本原因是this.props.form.goodsSkuImg值为空 4.

表单验证必填项

在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交.在此我只做了手机号和密码的验证,其他的与此类此 html代码: <form action="" onsubmit="return check_sub()"> <p class="tel"> <label for="tel">手机</label> <input type=&

php基础教程——表单验证(必填、提交后数据保留)

一.表单验证中用到的几个元素记录 1.htmlspecialchars(),用于将用户输入的特殊字符转义为普通字符,比如 < 和 > 之类的 HTML 字符会被替换为 < 和 > 2.$_SERVER["PHP_SELF"] 是一种超全局变量,返回当前页面脚本名字 3.trim()用于删除多余的空格等 4.stripslashes()用于删除用户多输入的反斜线 二.一个简单的表单验证函数 function test_input($str){ $str = tri

jQuery表单验证插件----利用jquery.metadata.js将校验规则写到控件中

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面. 三.需要改写触发校验的方式. $("#commentForm").validate({meta: "validate"}); 四.详细代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

表单验证如何定位到未填的选项

我们在做数据提交的时候经常用到表单验证,如果遇到表单元素有没填的选项,一般都会禁止表单提交 如果表单需要验证的数据比较多,有些必填的字段为空 提交不了 但是没有定位到未填项的位置  导致用户懵逼  不知道为什么提交不了 这个时候,我们可以给未填的表单项加foucs() 例如上图的代码,这样光标就可以定位到未填项 原文地址:https://www.cnblogs.com/leileilei/p/8921480.html

jQuery表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. 改变默认提示方式. 三.jQuery表单验证插件----通过name属性来关联字段来验证,将校验规则写到 js 代码中. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.