时间:2021-05-26
被 JavaScript 验证的这些典型的表单数据有以下几种:
1.用户是否已填写表单中的必填项目?
2.用户输入的邮件地址是否合法?
3.用户是否已输入合法的日期?
4.用户是否在数据域 (numeric field) 中输入了文本?
下面是用户名和密码验证代码:
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script>function validateForm(){ var username = document.forms["myForm"]["username"].value; var password = document.forms["myForm"]["password"].value; alert(username+" "+password);}</script></head><body><form name="myForm" action="" onSubmit=" return validateForm()" method="post">用户名:<input type="text" name="username"/><br/>密码:<input type="password" name="password"/><br/> <input type="submit" value="提交"/></form></body></html>必填(或必选)项目验证:
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validate_required(field,alerttxt){with (field){if (value==null||value=="") {alert(alerttxt);return false}else {return true}}}下面是连同 HTML 表单的代码:
<html><head><script type="text/javascript">function validate_required(field,alerttxt){with (field) { if (value==null||value=="") {alert(alerttxt);return false} else {return true} }}function validate_form(thisform){with (thisform) { if (validate_required(email,"Email must be filled out!")==false) {email.focus();return false} }}</script></head><body><form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">Email: <input type="text" name="email" size="30"><input type="submit" value="Submit"> </form></body></html>E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
function validate_email(field,alerttxt){with (field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if (apos<1||dotpos-apos<2) {alert(alerttxt);return false}else {return true}}}下面是连同 HTML 表单的完整代码:
<html><head><script type="text/javascript">function validate_email(field,alerttxt){with (field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if (apos<1||dotpos-apos<2) {alert(alerttxt);return false}else {return true}}}function validate_form(thisform){with (thisform){if (validate_email(email,"Not a valid e-mail address!")==false) {email.focus();return false}}}</script></head><body><form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">Email: <input type="text" name="email" size="30"><input type="submit" value="Submit"> </form></body></html>以上代码是用户名、密码、必填、必选项和email以及连同表单的代码,希望对大家学习javascript表单验证有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
关键字:js验证表单大全,用JS控制表单提交,javascript提交表单:目录:1:js字符串长度限制、判断字符长度、js限制输入、限制不能输入、textar
推荐阅读:Javascript的表单验证长度Javascript的表单验证-提交表单Javascript的表单验证-揭开正则表达式的面纱JavaScript可用
推荐阅读:Javascript的表单验证长度Javascript的表单验证-提交表单Javascript的表单验证-初识正则表达式在上篇文章给大家介绍了java
推荐阅读:Javascript的表单验证长度Javascript的表单验证-初识正则表达式Javascript的表单验证-揭开正则表达式的面纱JavaScrip
JavaScript表单验证年龄JavaScript表单验证年龄,判断一个输入量是否符合年龄,通过正则表达式实现。//检查年龄functionisAge(str