7 Javascript:表单与验证-非空验证

2024-06-03 21:43:08

表单提交前要检查数据的合法性

在要对表单里的数据进行验证的时候，能够利用getElementById()来訪问网页上不论什么一个元素
每一个表单域都有一个form对象，可被传给不论什么验证表单数据的函数

<input id="zipcode" name="zipcode" type="text" size="5" onclick="showIt(this.form)"/>
function showIt(thisForm)
{alert(thisForm["zipcode"].value);//通过form对象的name属性，取得元素的值}

利用name属性或getElementById()方法都能够完毕对元素的获取

检查表单数据的时机。取决于选择正确的用户输入事件去处理。

也就是说，当用户输入数据后马上对数据验证。
用户在输入数据时的顺序是：

选择输入域
在域里输入数据
离开该域，移往下个目标
选择下个目标域
在域里输入数据

在这个过程中，会激发一系列的事件。利用这些事件，能够找到对数据验证的时机
1）选中输入域时 –激发onfocus事件（焦点）
2）离开输入域时 –激发onblur事件（离开焦点）
3）离开该域而且输入内容发生改变时 –激发onchange事件
最正确的选择是在激发onblur事件时去对数据进行验证

验证的第一步：检查域不为空

<input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this)"/>

调用validateNonEmpty来响应onblur事件
表单对象使用关键字this被传至函数
下面是验证函数

function validateNonEmpty(inputField)
{if(inputField.value.length==0){alert("Please enter a value.");return false;}   return true;}

在网页表单进行提交的时候，一定要对用户输入的数据进行验证
在要对表单里的数据进行验证的时候，能够利用getElementById()来訪问网页上不论什么一个元素

转载于:https://www.cnblogs.com/jzssuanfa/p/7285719.html

7 Javascript:表单与验证-非空验证相关推荐

php中表单的非空验证,Javascript的表单与验证-非空验证_javascript技巧
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 表单提交前要检查数据的合法性在要对表单里的数据进行验证的时候,可以利用getElementById()来 ...
javascript 校验非空_Javascript的表单与验证-非空验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 表单提交前要检查数据的合法性在要对表单里的数据进行验证的时候,可以利用getElementById()来 ...
asp.net mvc 客户端加验证非空验证数据库是否存在验证
第一次使用此验证功能个人觉得方便,代码量少,看起来直观. 先看看非空验证效果图长度验证数据库是否存在验证这是asp.net 自带验证的效果,实现这个效果很简单,只需Model层添加几个属性 Re ...
antd vue表单验证_antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效（其他验证失效）...
## antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效(其他验证失效) ##### antd 的表单校验方法包括 validateFields 和 validateField ...
表单提交时submit验证非空return false没用_开发这样一个复杂的表单你需要用多久...
表单在中后台开发的时,是最多也是最另人头疼的,多级联动,繁杂的验证,动态解析等可算是苦不堪言.所以出现了无数的表单解决方案,像Uform, formily, NoForm等等一大堆用来解决中后台开发表 ...
JavaScript验证表单数据，HTML自动验证表单数据是否为空，数字范围
典型数据验证: a.字段是否为空: b.输入内容是否合法(例如数字字段是否输入了文本,email格式是否正确等) 数据验证时可通过javaScript进行表单验证,也可提交表单,在服务器端验证.通常情 ...
layui处理表单验证时, select非空验证自动处理null或underfined.
很多人都在问, 在layui处理表单验证时, 因为后台取值为null时, select非空验证没有自动处理null或underfined. 这里提供一个在我看来比较好的解决办法: 修改form.js ...
javascript 表单验证大全（一）
javascript 表单验证大全(一) 5.身份证验证:包括15位和18位.function idNumber(s)//身份证验证 {regu1=/^[1-9]\d{7}((0\d)|(1[0-2] ...
JavaScript 表单与表单验证
JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成. 以下实例代码用于判断表单字段(fname)值是否存在,如果存在,则弹出信息,否则 ...

最新文章

热门文章