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

项目场景：

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

问题描述：

问题：validity.valueMissing显示未定义

var name = document.getElementsByName("uName");if(name.validity.valueMissing){name.setCustomValidity("用户名不能为空");// return false;}

原因分析：

开始以为是validity的调用出错，结果是name获取出错，document.getElementsByName获取到的是数组！！！
获取DOM对象时要注意获取到的是否为数组！！！
另外，H5表单验证自定义提示信息在提交事件触发后显示？！！

解决方案：

解决方案：
将代码改成如下：

var name = document.getElementsByName("uName")[0];if(name.validity.valueMissing){name.setCustomValidity("用户名不能为空");// return false;}

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

js使用策略模式实现表单验证
使用策略模式实现表单验证 1.什么是策略模式策略模式说起来很高大上,其实现实生活中很常见.比如,你要从老家去北京故宫游玩,可选的出行方式有坐火车.开车自驾.坐飞机等几种方式, 至于选择哪种出现方式要 ...
JS正则表达式实现简单的表单验证（账号，密码，手机号）
首先有三个文本框,和一个提交按钮,第一个输入账号,第二个密码,第三个手机号我们的需求:判断3个文本框是否全部输入正确,当我们点击提交时,如果有一个输入错误则不能提交,全部输入正确则提交成功: 下面直 ...
vue中使用element-ui的表单验证功能prop属性
转自:https://www.it610.com/article/1279903369556672512.htm 1.在标签中绑定 :rules="方法名称",然后在 data ...
JS(DOM对象表单验证与正则表达)
目录 DOM对象表单验证 DOM对象 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
js——form表单验证
用js实现一个简易的表单验证效果: 代码: <html><head><title>js校验form表单</title><meta charset ...
html表单判断字符数,JS判断字符串长度，结合element el-input el-form 表单验证（英文占1个字符，中文汉字占2个字符）...
首先看看判断字符串长度的几种方法(英文占1个字符,中文汉字占2个字符) 方法一: function strlen(str) { var len = 0; for (var i = 0; i < ...
关于微信小程序中uView中通过packer选择器修改表单无法触发form组件的表单验证的问题
uView中使用form表单组件,如果form-item为正常的input组件,在输入和修改form-item绑定的变量的时候,都会触发form表单的表单验证事件但是如果form-item中不是in ...
注册表单校验 js java,JavaScript表单验证完美代码
用原生JS写一个简单的表单验证首先,是html部分新用户注册基本信息用户名: 请输入至少3位的用户名密码: 请输入4到8位的密码确认密码: 请再输入一遍密码手机号码: 请输入11位手机号 ...
(转)强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...
强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...

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

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

项目场景：

问题描述：

原因分析：

解决方案：

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

最新文章

热门文章