最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JQuery擴展插件Validate—6 radio、checkbox、select的驗證

 更新時間:2011年09月05日 21:53:43   作者:  
radio、checkbox、select的驗證其實方法與前面提到?jīng)]有太大的區(qū)別,但問題是錯誤信息會顯示在同一組的第一個元素后面
效果如下所示:


解決這個問題的辦法是將錯誤信息指定到一個特定的位置,validate()方法的參數(shù)中可以進行自定義,示例代碼如下:

復(fù)制代碼 代碼如下:

<script type="text/javascript">
jQuery.validator.addMethod("regex", //addMethod第1個參數(shù):方法名稱
function(value, element, params) { //addMethod第2個參數(shù):驗證方法,
                    //驗證方法參數(shù)(被驗證元素的值,被驗證元素,參數(shù))
var exp = new RegExp(params); //實例化正則對象,參數(shù)為用戶傳入的正則表達式
return exp.test(value); //測試是否匹配
},
"格式錯誤");

$(function() {
$("#signupForm").validate(

{
rules: {
txtPassword1: "required", //密碼1必填

txtPassword2: { //密碼2的描述多于1項使用對象類型
required: true, //必填,這里可以是一個匿名方法
equalTo: "#txtPassword1", //必須與密碼1相等
rangelength: [5, 10], //長度5-10之間
regex: "^\\w+$" //使用自定義的驗證規(guī)則
},

txtEmail: "email", //電子郵箱必須合法
sex: "required"
},
messages: { //對應(yīng)上面的錯誤信息
txtPassword1: "您必須填寫",

txtPassword2: {
required: "您必須填寫",
equalTo: "密碼不一致",
rangelength: "長度必須介于{0} 和 {1} 之間的字符串",
regex: "密碼只能是數(shù)字、字母與下劃線"
}
},
      
//在上例中新增的部分
errorPlacement: function(error, element) { //指定錯誤信息位置
if (element.is(':radio') || element.is(':checkbox')) { //如果是radio或checkbox
var eid = element.attr('name'); //獲取元素的name屬性
error.appendTo(element.parent()); //將錯誤信息添加當前元素的父結(jié)點后面
} else {
error.insertAfter(element);
}
},

debug: false, //如果修改為true則表單不會提交
submitHandler: function() {
alert("開始提交了");
}
});
});
</script> <p>
<label for="sex">
性別</label>
<input type="radio" id="rdoFemale" name="sex" />男
<input type="radio" id="rdoMale" name="sex" />女
</p>

運行結(jié)果如下:

此外:如果在參數(shù)中加上debug:true則只用于調(diào)試表單不會提交到服務(wù)器; submitHandler: function() {}將會在表單提交到服務(wù)器前執(zhí)行一些操作;用remote可以進行Ajax驗證,好像有個小bug;在使用ASP.NET與validate組合使用時會有一些問題可以參考網(wǎng)友的博文。 
源碼下載 

相關(guān)文章

  • 淺談jquery.fn.extend與jquery.extend區(qū)別

    淺談jquery.fn.extend與jquery.extend區(qū)別

    本文給大家簡單描述了下jquery.fn.extend與jquery.extend的概念以及區(qū)別,十分的實用,有需要的小伙伴可以參考下。
    2015-07-07
  • asp.net 30分鐘掌握無刷新 Repeater

    asp.net 30分鐘掌握無刷新 Repeater

    經(jīng)過數(shù)個版本的迭代后, JQueryElement 3.3.0 版本中的 Repeater 基本上已經(jīng)完善, 這里將分功能的總結(jié)講解一下 Repeater 的使用方法.
    2011-09-09
  • jQuery仿京東商城樓梯式導(dǎo)航定位菜單

    jQuery仿京東商城樓梯式導(dǎo)航定位菜單

    這篇文章主要介紹了jQuery仿京東商城樓梯式導(dǎo)航定位菜單的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • 動態(tài)設(shè)置form表單的action屬性的值的簡單方法

    動態(tài)設(shè)置form表單的action屬性的值的簡單方法

    下面小編就為大家?guī)硪黄獎討B(tài)設(shè)置form表單的action屬性的值的簡單方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • jQuery實現(xiàn)錨點scoll效果實例分析

    jQuery實現(xiàn)錨點scoll效果實例分析

    這篇文章主要介紹了jQuery實現(xiàn)錨點scoll效果,實例分析了錨點scoll效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-03-03
  • jquery插件之文字間歇自動向上滾動效果代碼

    jquery插件之文字間歇自動向上滾動效果代碼

    這篇文章主要介紹了jquery插件之文字間歇自動向上滾動效果代碼,涉及jquery基于時間函數(shù)定時觸發(fā)頁面元素變換實現(xiàn)滾動效果的相關(guān)技巧,需要的朋友可以參考下
    2016-02-02
  • Jquery api 速查表分享

    Jquery api 速查表分享

    這篇文章主要給大家分享了一些Jquery api 速查表,十分的全面,這里推薦給大家,需要的朋友可以參考下
    2015-01-01
  • 淺析Jquery操作select

    淺析Jquery操作select

    本文主要介紹了Jquery如何操作select,并對此做了詳細的注釋,具有很好的參考價值,需要的朋友可以看看
    2016-12-12
  • JQuery中使用on方法綁定hover事件實例

    JQuery中使用on方法綁定hover事件實例

    這篇文章主要介紹了JQuery中使用on方法綁定hover事件實例,本文用于一些特殊環(huán)境下,需要的朋友可以參考下
    2014-12-12
  • jQuery實現(xiàn)彈幕效果

    jQuery實現(xiàn)彈幕效果

    本文主要分享了jQuery實現(xiàn)彈幕效果的示例代碼。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02

最新評論

出国| 卢湾区| 泌阳县| 沙雅县| 拉孜县| 澳门| 天气| 绥阳县| 颍上县| 汨罗市| 临洮县| 莱阳市| 镇宁| 福海县| 温泉县| 三河市| 讷河市| 株洲县| 安宁市| 汉源县| 赣榆县| 翁牛特旗| 建宁县| 车险| 东台市| 淅川县| 温泉县| 尉氏县| 南开区| 嘉峪关市| 珠海市| 定边县| 嘉义市| 淳化县| 墨脱县| 泰州市| 沂水县| 固阳县| 青神县| 石城县| 万山特区|