7 Javascript:表单与验证-非空验证
2024-10-21 06:48:17
表单提交前要检查数据的合法性
在要对表单里的数据进行验证的时候,能够利用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()来訪问网页上不论什么一个元素
最新文章
- Web服务
- 使用jQuery解析JSON数据
- step by step设置postgresql用户密码并配置远程连接
- windows下使用vim+ctags+taglist
- Visual C#编写3D游戏框架示例
- NDK
- Unity中对象池的使用
- Mac下使用sublime text 2开发Python
- Android_Chronometer计时器
- Java基础知识强化之IO流笔记52:IO流练习之 把一个文件中的字符串排序后再写入另一个文件案例
- Q我音乐
- Html 编码 queryUrl = encodeURI(queryUrl);
- 搜索和搜索形式(SEARCHING and its forms)
- jquery easyUI DataGrid 初始化的时候就显示可排序的字段
- html网页编码问题
- autorun.vbs病毒的清除办法
- svn up出现类似svn: Error converting entry in directory &#39;.&#39; to UTF-8问题解决
- manifold tangent classifier
- js 中innerHTML,innerText,outerHTML,outerText的区别
- PHP语句函数