java script 第七章
来源:互联网 发布:steam上mac游戏 编辑:程序博客网 时间:2024/05/23 23:59
body><div id="header" class="main"> <div id="headerLeft"> <img src="images/logo.gif" /></div> <div id="headerRight">注册 | 登录 | 帮助</div> </div> <div class="main"> <table id="center" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <img src="images_l_t.gif" /></td> </tr> <tr> <td class="bg"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="bold">登录休闲网</td> </tr> <form action="tiao.jsp" method="post" id="myform" name="myform" > <tr> <td>Email:<input id="email" type="text" name="email" class="inputs" /><span id="semail"></span></td> </tr> <tr> <td> 密码:<input id="pwd" type="password" name="pwd" class="inputs" /><span id="spwd"></span></td> </tr> <tr> <td style="height: 35px; padding-left: 30px;"> <input id="btn" type="submit" value="登录" class="rb1" /></td> </tr> </form> </table> </td> </tr> <tr> <td> <img src="images_l_b.gif" width="362" height="5" /></td> </tr> </table> </div> <div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a> | <a href="#">帮助中心</a></div></body><ml>
表单校验的常见内容包括验证输入是否为空,验证数据格式是否正确,验证数据的范围,验证数据的长度等。 在表单校验中通常需要用到String对象的成员,包括indexOf( ),substring( )和length等。 表单校验中常用的两个事件是onsubmit和onblur,常用来激发验证。 使用正则表达式可验证用户输入的内容,如验证电子邮箱地址,电话号码等。 定义正则表达式有两种构造形式,一种是普通方式,另一种是构造函数的方式。 正则表达式的模式分为简单模式和复合模式。 通常使用RegExp对象的test( )方法检测一个字符串是否匹配某个模式。 String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法。 使用表单选择器和表单属性过滤器可以方便的获取匹配的表单元素。//验证密码
<!DOCTYPE html><html><head><title>1.html</title><title>购物车添加实现.html</title><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript">$(function() {var dom = $("[type=text]");dom.blur(function() {var length = dom.val().length;if (length < 6) {$("span").text('不合法');} });});</script></head>\<body><form id="myform" action="提交的目标地址" method="post">用户名:<input type="text" value="Happy" /><span id="unamemsg"></span> 密码:<inputtype="password" /></form></body></html>
<!DOCTYPE html><html><head><title>2.html</title><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript">function deng() {var flag = true;var dom = $("[id=email]");var value = dom.val();if (value.indexOf("@") == -1) {alert("郵箱地址錯誤");falg = false;}if (value.indexOf(".") == -1) {alert("郵箱中必須包含.");falg = false;}returflag;}$(function() {var form = $("form");form.submit(function() {return deng();});});</script></head><body><div id="header" class="main"><div id="headerLeft"><img src="images/logo.gif" /></div><div id="headerRight">注册 | 登录 | 帮助</div></div><div class="main"><table id="center" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="images/dl_l_t.gif" /></td></tr><tr><td class="bg"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="bold">登录休闲网</td></tr><form action="success.html" method="post" id="myform"name="myform"><tr><td>Email:<input id="email" type="text" name="email"class="inputs" /></td></tr><tr><td> 密码:<input id="pwd" type="password" name="pwd"class="inputs" /></td></tr><tr><td style="height: 35px; padding-left: 30px;"><inputid="btn" type="submit" value="登录" class="rb1" /></td></tr></form></table></td></tr><tr><td><img src="images/dl_l_b.gif" width="362" height="5" /></td></tr></table></div><div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a> | <ahref="#">帮助中心</a></div></body></html>function yname(num) {var ename = $("[id=email]").val().length;if (ename < 6) {$("#semail").text("不合法");num = 1;} else {$("#semail").text("合法");}return num;} function pass(num) {var ename = $("[id=pwd]").val().length;if (ename < 6) {$("#spwd").text("不合法");num = 1;} else {$("#spwd").text("合法");}return num;}$(function() { var myforms=$("form"); myforms.submit(function() {var num1 = yname(0);var num2 = pass(0);var sum = num1 + num2;if (sum > 0) {return false;}return true;});});
0 0