jQuery ui插件的使用方法代碼實(shí)例
<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>確認(rèn)密碼：</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>
相關(guān)文章
jQuery設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了jQuery Ajax中的事件詳細(xì)介紹,本文詳細(xì)的講解了AJAX的局部事件和全局事件、事件的順序等內(nèi)容,需要的朋友可以參考下2015-04-04
在進(jìn)行Web開發(fā)時(shí)，并非所有的庫都適合你的項(xiàng)目，但你仍需要收藏一些Web UI設(shè)計(jì)相關(guān)的庫或框架，以在你需要的時(shí)候，加快你的開發(fā)效率。本文為你推薦10款非常優(yōu)秀的基于JQuery的Web UI設(shè)計(jì)框架2014-08-08
jQuery簡(jiǎn)單實(shí)現(xiàn)title提示效果示例
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)title提示效果的方法,結(jié)合實(shí)例形式分析了jQuery封裝與使用title提示框的方法,需要的朋友可以參考下2016-08-08
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出提示信息的地圖熱點(diǎn)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出提示信息的地圖熱點(diǎn)效果,涉及jquery鼠標(biāo)事件及頁面元素樣式的動(dòng)態(tài)操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄獪\談jquery的html方法里包含特殊字符的處理。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
jquery.ui.draggable中文文檔(原文翻譯)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
jQuery獲取瀏覽器中的分辨率實(shí)現(xiàn)代碼
本篇文章小編為大家介紹，使用jQuery獲取瀏覽器中的分辨率的方法。需要的朋友參考下2013-04-04
jQuery的事件模塊是較復(fù)雜的，前面僅僅提到了對(duì)事件對(duì)象的包裝。即統(tǒng)一了一些兼容性的問題。這篇會(huì)綜述下jQuery的整個(gè)事件模塊。2011-06-06
jQuery中filter(),not(),split()使用方法
jQuery下一些查找過濾功能filter(),not(),split()用法，可以讓jquery更容易的操作控制頁面元素。2010-07-07