<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    That way I want to stay

    BlogJava 首頁 新隨筆 聯(lián)系 聚合 管理
      55 Posts :: 1 Stories :: 41 Comments :: 0 Trackbacks

    目前jQuery網(wǎng)站上已經(jīng)有了From的驗(yàn)證框架,F(xiàn)romValidation,但是一直覺得它的框架并不好用,因?yàn)橹貜?fù)寫的東西太多了。
    于是就再次寫了自己的JavaScript驗(yàn)證框架,完全廢棄掉以前的。
    在新的框架下,是以這樣子的用法設(shè)計(jì)的:
    首先,要包括自己的js文件(這點(diǎn)不必說),而且在包括自己寫,要先包括jQuery的,如下

    <link rel="stylesheet" type="text/css" href="<ww:url value="/layout/css/style.css"/>">
    <link rel="stylesheet" type="text/css" href="<ww:url value="/layout/css/thickbox.css"/>" media="screen">
    <script type="text/javascript" src="<ww:url value="/layout/js/jquery-latest.js"/>"></script>
    <script type="text/javascript" src="<ww:url value="/layout/js/thickbox.js"/>"></script>
    <script type="text/javascript" src="<ww:url value="/layout/js/wingel.js"/>"></script>
    <decorator:head/>


    然后在要驗(yàn)證的Form里面加個(gè)屬性validatable=true,如下:

    <form id="registerForm" action="user-register.action" validatable="true">

    注意,這邊不要加onsubmit方法

    接下來,就好了,比如說有個(gè)輸入框:
    <ww:textfield name="name" id="name"/>
    我想驗(yàn)證,讓它必填,如下就可以了:
    <label for="name" validate="required">請(qǐng)?zhí)顚懨Q</label>  其中 for屬性里面填的要是驗(yàn)證的輸入框id,validate填的是驗(yàn)證方法,;label里面的文本就是驗(yàn)證不過的時(shí)候要顯示的信息。
    如果我想驗(yàn)證一個(gè)輸入框的輸入值長度怎么辦,這樣子就行了

    <label for="password" validate="lengthRange:6;20">

    后面的參數(shù)用;號(hào)隔開,驗(yàn)證的方法名跟參數(shù)用: 隔開。
    wingel.js里面已經(jīng)包括了一些常用的驗(yàn)證方法,現(xiàn)在問題來了,如果要自定義驗(yàn)證方法怎么辦,如下辦:
    比如你想加個(gè)驗(yàn)證方法是hello
    則label里面的validate屬性寫成hello,
    然后加一個(gè)JavaScript方法:

    <script type="text/javascript">
        wingel.validator.rules.hello
    = function(value, element, parameters,utility) {
                 ...    }

    </script>


    里面三個(gè)參數(shù),shit , couldn't input Chinese. now English will be used.

    The first parameter is the value of the input element you want to validate,the second one is the validated element, the third one, is the parameters you add in validate label, the last one, is a utility class, you can invoke its method to make your code easier.






     
    文章來源:http://blog.csdn.net/Wingel/archive/2006/11/26/1414856.aspx
    posted on 2006-11-29 11:21 Wingel 閱讀(260) 評(píng)論(0)  編輯  收藏

    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 一二三四免费观看在线视频中文版| 亚洲AV无码一区二区三区久久精品| 亚洲区小说区激情区图片区| 亚洲狠狠婷婷综合久久久久 | 亚洲大香人伊一本线| 国产99在线|亚洲| 污污视频免费观看网站| 99麻豆久久久国产精品免费 | 99久久这里只精品国产免费| 亚洲午夜精品国产电影在线观看| 国产精品亚洲精品日韩电影| 久久国产精品成人片免费| 又粗又硬免费毛片| 久久91亚洲人成电影网站| 亚洲а∨天堂久久精品9966| a毛片全部播放免费视频完整18| 亚洲美女又黄又爽在线观看| 四虎国产精品永久免费网址| 亚洲乱码中文字幕综合234| 亚洲伊人精品综合在合线| 成人免费无码大片a毛片| 亚洲乱码中文字幕久久孕妇黑人| 在线观看免费黄网站| 午夜亚洲国产理论秋霞| 免费大片av手机看片| 亚洲欧洲自拍拍偷午夜色无码| 57pao一国产成永久免费| 亚洲人成网亚洲欧洲无码久久| 免费看搞黄视频网站| 亚洲无线码一区二区三区| 四虎影视在线影院在线观看免费视频| 亚洲一区二区三区深夜天堂| 蜜桃成人无码区免费视频网站| 久久久亚洲精品蜜桃臀| 国产亚洲精品91| 久久夜色精品国产亚洲AV动态图| 无人在线直播免费观看| 久久亚洲精品无码aⅴ大香| 波多野结衣免费一区视频| 国产精品亚洲片在线| 67194成是人免费无码|