L4有效性验证总结
表展示了所有与有效性验证相关的输人属性和函数，以及它们对应的错误情况。
不做有效性验证也许更好？"formnovalidate”
在错误处理上花了许多时间之后，
宁波网站建设要告诉你其实可以用属性fommovalidate来偷偷绕过所有规则。开始你可能会觉得简单地无视掉所有辛辛苦苦定义好的规则、不通过有效性验证就提交表单是一件奇怪的事情。但规范对此给出的一个简单解释能解答你的疑惑一不通过有效性验藤交表单的一典型情况是：用户不想或者不能一次性填完表单。为提交按钮加人属性fommovalidate,已输人的内容就可以保存至下次使用。
若你通过formnovalidate提交了一个表单，已填写的域将被发送至服务器.服务器端应用程序将为你暂时保存这些数据。
想象一下，如果你需要为你坏掉的数码相机填写一份维修表单。在花了大量时间填|写相机的症状后，网站要求你输人相机型号，但相机并不在你手边，而你又不想丢失所T有已填写的信息，你可以单击Save按钮然后淡定地去找你的相机。这个按钮被定义如下：
〈pxinputtype=submitformnovalidatevalue="Save"name=saveid=save〉
下面这个案例将充分说明这个维修表单的理念。
案例：一张维修表单
在这个案例中，此前介绍过的新元素及属性将作用于表单。此类表单常常会出现在数码产品的网站上。
首先，客户被要求填写个人信息(在此案例中仅需要姓名、e-mail地址、电话及真号码)。然后表单将询问一些关于产品的技术数据及症状。位于网页底部的按钮区有个进度条，用来鼓励用户完成表单。
HTML代码在表单起始部分加载了一个外部JavaScript文件并调用了window,onload0〈scriptsrc="support.jsnx/script〉
〈script〉
window.onload=function(){initEventListener();〈/script〉
initEventListener函数作用于所有input元素，并为onchange事件指定一个匿名函数，用来检查相关元素的有效性：
functioninitEventListener(){
varinputs=document.getElementsByTagName("input");for(vari=0;i〈inputs.length:i++;{if(iinputs[i].willValidate){continue;inputs[i].onchange=function(){this.checkValidity();〉}〉
事件监听器仅在元素需要有效性验证时起作用。在我们的案例中，提交和保存按钮都没有检查有效性的选项，因此它们没有包括onchange事件。我们之前说过，在填写完成后分别检查单独输入字段比用oniput事件来检查整个表单更为方便。
本文由乐华网络编辑，转载请注明出处
宁波网站建设www.leseo.net
