【www.hj8828.com】Jquery练习之表单验证实现代码

Jquery练习表单验证 复制代码 代码如下:

Jquery练习表单验证

Jquery代码 复制代码 代码如下: $.ready {
$.submit{ var username=$; var age=$; var sex=$(“input[name
=’sex’][checked]”).val(); var address=$(“#add
option[selected]”).val(); var
size=$(“input[name=’checkbox’][checked]”).size(); var
favouriteArray=Array; $(“input[name=’checkbox’][checked]”).each{
favouriteArray[index]=$;// or docEl.value }); if { alert; $; return
false; } if { alert.focus(); return false; } if { alert;
$(“input[name=’checkbox’]”).get; return false; } for(var i=0;i

复制代码 代码如下:

<body>
<form action=”” method=”post” id =”myform”>
<table>
<tr>
<td>姓名:</td>
<td><input type =”text” id = “name” name
=”name”></td>
</tr>
<tr>
<td>年龄:</td>
<td><input type =”text” id=”age” name =”age”></td>
</tr>
<tr>
<td>性别:</td>
<td><input type = “radio” id=”sex_man” name=”sex”
value=”男”>男 <input type = “radio” id=”sex_woman” name=”sex”
value = “女” checked =”checked”>女</td>
</tr>
<tr>
<td>地址:</td>
<td>
<select id = “add”>
<option values=”北京”>北京</option>
<option values=”河南”>河北</option>
<option values=”河南”>河南</option>
</select>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type =”checkbox” id = “cbOnTheInternet” name=”checkbox” value
=”上网” checked=”checked”>上网
<input type =”checkbox” id = “cbJuketing” name=”checkbox”
value=”旅游”>旅游
<input type =”checkbox” id = “cbWatchingTv” name=”checkbox”
value=”看电影”>看电影
</td>
</tr>
<tr>
<td><input type =”submit” value=”提交”></td>
</tr>
</table>
</form>
</body>
</html>

Jquery代码

复制代码 代码如下: