Javascript：数据校验表单

来源：互联网发布：软件采购合同编辑：程序博客网时间：2024/06/05 07:26
数据验证表单的代码如下：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title> JavaScript校验表单 </title></head><script type="text/javascript">// 为字符串增加trim方法，使用正则表达式截取空格String.prototype.trim = function(){return this.replace( /^\s*/, "" ).replace( /\s*$/, "" );}// 负责处理表单submit事件的函数var check = function(){// 访问页面中第一个表单var form = document.forms[0];// 错误字符串var errStr = "";// 当用户名为空if (form.user.value == null || form.user.value.trim() == ""){errStr += "\n用户名不能为空!";form.user.focus();}// 当密码为空if (form.pass.value == null || form.pass.value.trim() == ""){errStr += "\n密码不能为空!";form.pass.focus();}// 当电子邮件为空if (form.email.value == null|| form.email.value.trim() == ""){errStr += "\n电子邮件不能为空!";form.email.focus();}// 使用正则表达式校验电子邮件的格式是否正确if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(form.email.value.trim())){errStr += "\n电子邮件的格式不正确!";form.email.focus();}//如果错误字符串不为空，表明校验出错if( errStr != "" ){// 弹出出错信息alert(errStr);// 返回false，用于阻止表单提交return false;}}</script><body><div><h2>数据校验表单</h2><form method="post" onsubmit="return check(this);"id="register" name="register" action="#">用户名：<input type="text" name="user" /><br />密  码：<input type="password" name="pass" /><br />邮  件：<input type="text" name="email" /><br /><input type="submit" value="测试" /></form></div></body></html>
0 0