富贵资源网 Design By www.hznty.com
推荐阅读:Javascript的表单验证长度
Javascript的表单验证-初识正则表达式
Javascript的表单验证-揭开正则表达式的面纱
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"></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,form["phone"],form["phone_help"])&&validate_ZipCode(form["ZipCode"],form["ZipCode_help"])) { form.submit(); } else{ alert("您填写的表单数据至少有一项不合法"); } } </script>
总结:只需要调用相应的验证函数,得到返回值,便可在最后提交表单的时候完成最后的数据过滤
在实际应用中,往往需要对数据的长度,非空,非法字符,格式,大小定等等做验证,这里不一一介绍,重在领会。
好了,有关Javascript的表单验证-提交表单的相关知识,小编就给大家介绍到这里,希望对大家有所帮助!
富贵资源网 Design By www.hznty.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。