在外部JS中使用validity进行表单验证出现未定义问题

最新推荐文章于 2023-03-02 17:26:43 发布
最新推荐文章于 2023-03-02 17:26:43 发布
阅读量460 收藏
点赞数
文章标签： js html5 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YYL525/article/details/108800318
版权
在外部JavaScript文件中使用validity进行HTML5表单验证时遇到valueMissing显示未定义的错误。原因是通过document.getElementsByName获取的元素是数组，需要正确访问DOM对象。同时，H5表单验证的自定义提示信息在提交事件后才显示。解决方案是修正元素获取和验证的代码。
摘要由CSDN通过智能技术生成

在外部JS中使用validity进行表单验证出现未定义问题

项目场景：

在外部JS中使用validity进行表单验证

问题描述：

问题：validity.valueMissing显示未定义

var name = document.getElementsByName("uName");
        if(name.validity.valueMissing){
   
            name.
最低0.47元/天 解锁文章
莫闲愁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js——自定义：checkValidity( )和setCustomValidity( )
肖的博客
08-26 4149
checkValidity( )：input元素中的数据合法返回true，反之返false setCustomValidity( )：设置validationMessage属性值，用于自定义提示 validationMessage：输出提示 <body> <p>输入数字并点击验证按钮：</p> <input type="number" id="nu"...
validity.js:JavaScript 模型的验证框架
06-03
有效性 JavaScript 模型的验证框架。 特征 各种各样的内置验证器。 与服务器端验证（即 rails、node）轻松集成 支持特定于类的验证。 通过Validity.RULES字典轻松添加新的站点范围的验证器。 适用于 jQuery 和 Angular.js 例子 # Define a class with some validation rules class Person Validity . define @ , name : ' required ' email : { regex : / . + \@ . + \. . + / } age : [ ' number ' , { greaterThan : 0 }] zipcode : [ ' required ' , { length : 5 }] person = new Pe
JS 表单、表单验证（表单判断、get、post、submit、validity、checkValidity）
墨痕诉清风的博客
09-01 1490
【代码】JS 表单、表单验证（表单判断、get、post、submit、validity、checkValidity）
页面正常渲染，控制台报错说data中的东西未定义！
ferrysoul的博客
03-31 3792
在infocenter.vue中发送修改的用户信息，在得到res后，向data中赋值改变， 会报错说data中的东西未定义！第一次碰到这种情况，也不知道怎么解决。 vue中159行开始 <template> <div id="infocenter"> <!-- 头部标题栏 --> <HeadTop title=...
关于表单验证validate未定义的问题（填坑）
m0_71055291的博客
11-25 1062
validate未定义这个问题是出现在我第一次使用element-ui做表单的时候出现的，问题的出现主要是由于在 内没有加上ref导致bug的产生，上图记录填坑。
jquery内置验证(validate)使用方法示例(表单验证)
10-26
根据提供的文件内容，我们可以了解到在使用jQuery进行表单验证时，validate插件提供了一系列验证规则，这些规则覆盖了常见的输入验证场景，如下所示： 1. required: true - 指定一个字段为必填项，确保用户在提交...
在html中关于新增表单元素中会自动验证,HTML5表单设计——新增表单元素和验证处理...
weixin_39716417的博客
06-02 698
新增表单元素datalist元素HTML5新增表单元素，它的作用是辅助表单中文本框的数据输入。该元素的作用类似于选择框(select)，但是当用户想要设置的值不再列表之内时允许自行输入datalist将子项放在option元素中，使用时将input元素的list属性值设置为datalist元素的id即可注：datalist元素自定义一组具有自动选项的文本内容，但是敏感的数据浏览器对其具有保护作用，...
jQuery表单验证插件 jQuery.validity
12-14
**jQuery.validity插件...在项目中使用`jQuery.validity`，首先需要确保你的项目已经引入了jQuery库。接着，你可以通过以下方式下载或引用`jquery.validity.1.2.0`文件： ```html <script src="path/to/jquery.js"> ...
jquery.validate一些方法
baile8410的博客
10-29 197
Name Type validate( options ) Returns: Validator 验证所选的FORM valid( ) Returns: Boolean 检查是否验证通过 rules( ) Returns: Options 返回元素的验证规则 rules( "add", rules ) Returns: Options 增加验证规...
validity.valueMissing无论写不写文本都为false
MyMBS的博客
05-02 2588
&lt;input id="user" type="text" placeholder="英文字母开头4~16个英文字母和数字" pattern="[a-zA-Z][a-zA-Z0-9]{3,15}"/&gt;文本框这样写了之后使用document.getElementById("user").validity.valueMissing，无论写不写内容，得到的值都为false只要在text框中
ValidationSummary控件无法弹出错误提示框
localhost
06-01 2248
使用控件RequiredFieldValidator加上ValidationSummary，验证必填项是否为空，若为空则在消息框中显示错误，实际测试中发现并不弹出消息框。甚至页面会显示“[color=yellow]WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for 'jquery'. Please add
JS(JavaScript)基础(二)
最新发布
ZHANGLEl的博客
03-02 251
JS(JavaScript)基础(二)
HTML5中form表单验证
qq_46251737的博客
04-22 1205
自定义错误 首先，HTML5的表单中有很多错误提示消息,但这些错误提示信息是系统写死的。 有时候HTML5自带的错误提示消息，不能详细的描述错误，这时候就要抛出一个自定义的错误提醒。 如何自定义错误信息 首先我们要了解HTML5为所有表单元素添加了一个JS属性：input.validity(有效性) validity属性 validity属性提供了关于表单字段的一组信息，值是布尔值(true/false)。 返回的对象(validityState)包含以下属性： badInput: false //
Vue：Element-UI的表单验证出现validate is not function错误解决方法
热门推荐
奋斗鱼
06-28 2万+
前端使用Vue框架，并用Element UI组件库搭建管理系统 按照官网的demo，表单html代码如下 <!-- 新建用户 --> <el-dialog title="新建用户" :visible.sync="addUserVisible" ref="addUserForm" v-dialogDrag> <el-form :model="addUserForm" :rules="addUserRule">
element-ui的表单验证规则validate踩坑
topreventalife的博客
11-18 1万+
element-ui的表单验证规则踩坑 validate 对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise ` var checkAge = (rule, value, callback) => { if (!value) { re...
HTML5--表单新特性使用自定义错误提示消息validity属性
冯小东
02-12 2万+
一、HTML5表单新特性 这里由于不是本文的主要内容，所以就不详细介绍HTML5表单新特性，需要了解和学习的介意查看本人的另外一篇文章，里面有很详细的介绍关于HTML5的表单的新特性。 网址： http://blog.csdn.net/baidu_25343343/article/details/53140454 二、自定义错误是什么？ 首先，HTML5的表单中有很
validity属性
weixin_44656639的博客
03-20 1435
（1）.badInput：标识当前输入是否是无效输入，比如number控件，输入的却是字符串，true表示无效输入。 （2）.customError ：标识当前是否是自定义验证错误信息，true表示是。 （3）.patternMismatch：标识输入内容是否与pattern规定的规则匹配，true表示是。 （4）.rangeOverflow：标识输入的数值是否超过max属性限制，true表示超过...
checkValidity()——表单验证
飞一样的编程
06-06 1万+
novalidate="true"取消表单默认验证，自己来处理结果，email.checkValidity()验证方法 邮箱： function testform(){ var email=document.getElementById('email'); if(email.value==''){
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值