jQuery ui插件的使用方法代碼實例
<script src="Jquery1.7.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="messages_cn.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#form1').validate({
rules: {
txtUser: { required: true, minlength: 6 },
txtPassword: { required: true, minlength: 6 },
txtConfirm: { required: true, minlength: 6, equalTo: "#password" },
txtHomePage: { required: true, url: true },
txtBirthday: { required: true, dateISO: true },
txtXueYa: { required: true, digits: true },
txtEmail: { required: true, email: true }
},
errorshow: function (error, element) {
error.appendTo(element.siblings('span'));
}
})
})
</script>
</head>
<body>
<form action="" id="form1">
<table>
<tr>
<td>用戶名:</td>
<td><input name="txtUser" type="text" /><span>*</span> </td>
</tr>
<tr>
<td>密碼:</td>
<td><input name="txtPassword" id="password" type="text" /><span>*</span> </td>
</tr>
<tr>
<td>確認密碼:</td>
<td><input name="txtConfirm" type="text" /><span>*</span> </td>
</tr>
<tr>
<td>主頁:</td>
<td><input name="txtHomePage" type="text" /><span>*</span> </td>
</tr>
<tr>
<td>生日:</td>
<td><input name="txtBirthday" type="text" /><span>*</span> </td>
</tr>
<tr>
<td>血壓:</td>
<td><input name="txtXueYa" type="text" /><span>*</span> </td>
</tr>
<tr>
<td>郵箱:</td>
<td><input name="txtEmail" type="text" /><span>*</span> </td>
</tr>
</table>
</form>
</body>
</html>
相關文章
jQuery如何跳轉(zhuǎn)到另一個網(wǎng)頁 就這么簡單
這篇文章主要介紹了如何在jQuery中跳轉(zhuǎn)到另外一個網(wǎng)頁HTML,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12jQuery操作Select的Option上下移動及移除添加等等
jQuery操作Select Option:向上移動選中的option、向下移動選中的option、移除選中的option、獲取所有的option值、添加option等等,下面有個不錯的示例,感興趣的朋友不要錯過2013-11-11JQuery的Validation插件中Remote驗證的中文問題
前段時間,再次出現(xiàn)AJAX中文編碼問題,導致會員名重復檢測失敗,不過這次出現(xiàn)問題的是Validation插件的remote驗證。2010-07-07基于jQuery實現(xiàn)點擊同時更改兩個iframe的網(wǎng)址
最近寫了兩個管理后臺的前端頁面,其中有一個管理后臺,左側(cè)菜單導航和右側(cè)內(nèi)容頁是兩個iframe,需求是,點擊上面的主導航時,左側(cè)iframe和右側(cè)iframe調(diào)用不同的鏈接.2010-07-07jQuery dateRangePicker插件使用方法詳解
這篇文章主要為大家詳細介紹了jQuery dateRangePicker插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07jQuery Dialog 打開時自動聚焦的解決方法(兩種方法)
這篇文章主要介紹了jQuery Dialog 打開時自動聚焦的解決方法,及jquery dialog打開時,自動聚焦在第一個控件上的方法,對jquery dialog相關知識感興趣的朋友通過本文一起學習吧2016-11-11