Javascript的表单验证.doc

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。坏数据不该抵达服务器：提交表单时的验证.表单域对象里有个form特性，它使用数组表示了整份表单的域.假如这里只有一个简单的信息文本框和一个邮政编码框，还有一个提交按钮.<form><input id=message name=message type=text size=12 onBlur=validate_Length(1,32,this,document.getElementById(message_help); /><message_help class=help&gt;</span><input id=ZipCode name=phone type=text size=5 onBlur=validate_ZipCode(this,document.getElementById(ZipCode_help); /><span id=ZipCode_help class=help></span><input type=button value=Order Banner onClick=placeOrder(this.form);/></form><script language=javascript type=text/javascript>/文本长度验证function validate_Length(minLegth,maxlength,inputFiled,helpText)if(inputFiled.value.length<minLegth|inputFiled.value.length>maxlength)if(helpText!=null)helpText.innerHTML=请输入长度为+minLenght+到+maxLength+的文本;return false;else if(helpText!=null)helpText.innerHTML=return true;/邮政编码验证function validate_ZipCode(inputFiled,helpText)if(inputFiled.value.length!=5)if(helpText!=null)helpText.innerHTML=邮政编码长度必须为5位;return false;else if(isNaN(inputFiled.value)if(helpText!=null)helpText.innerHTML=邮政编码必须为数字;return false;else if(helpText!=null)helpText.innerHTML=return true;function placeOrder(form)if(validateNonEmpty(1,32,formphone,formphone_help)&&validate_ZipCode(formZipCode,formZipCode_help)form.submit();elsealert(您填写的表单数据至少有一项不合法);</script>总结：只需要调用相应的验证函数，得到返回值，便可在最后提交表单的时候完成最后的数据过滤 在实际应用中，往往需要对数据的长度，非空，非法字符，格式，大小定等等做验证，这里不一一介绍，重在领会。好了，有关Javascript的表单验证-提交表单的相关知识，小编就给大家介绍到这里，希望对大家有所帮助！