<head>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("#submit").click(function(){
//获取所有表单节点
var $inputNodes = $("#formid").find(":input");
//将表单编码成数组格式
var paramsArray = $inputNodes.serializeArray();
//将数组序列化字符串
var params = $.param(paramsArray);
alert(params);
/*
//更简便的方式
var inputs = $("#formid").find(":input").serialize();
alert(inputs); */
});
});
</script>
</head>
<body>
<form id="formid">
<table align="center">
<tr>
<th colspan="2">注册手机号码邮箱</th>
</tr>
<tr>
<td>*手机号码</td>
<td>
<input type="text" name="phone" onblur="checkPhone(this)" onfocus="enterPhone()" />@163.com
<div id="phonediv">请填写手机号码</div>
<input type="button" value="免费获取验证码" onclick="writeNum()" />
</td>
</tr>
<tr>
<td>*验证码</td>
<td>
<input type="text" name="num" />
<div>请查收手机短信,并填写短信中的验证码</div>
</td>
</tr>
<tr>
<td>*密码</td>
<td>
<input type="password" name="password" onblur="checkPassword(this)" onfocus="enterPassword()" />
<div id="passworddiv">6~16个字符,区分大小写</div>
</td>
</tr>
<tr>
<td>*确认密码</td>
<td>
<input type="password" name="repassword" onblur="checkRepassword(this)" onfocus="enterRepassword()" />
<div id="repassworddiv">请再次填写密码</div>
</td>
</tr>
<tr>
<td>*条款</td>
<td>
<input type="checkbox" name="tiaokuan" checked="checked" onclick="checkTiaokuan(this)" />
<span>同意"服务条款"和"用户须知"、"隐私权相关政策"</span>
<div id="tiaokuandiv"></div>
</td>
</tr>
<tr>
<th colspan="2"><input type="submit" id="submit" value="立即注册" /></th>
</tr>
</table>
</form>
</body>
注意:
1.元素不能被禁用
2.元素必须有name属性
3.选中的checkbox和radio才有效
4.file元素不会被序列化
5.只有触发提交事件的submit按钮才有效