<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麻豆aⅴ无码电影| 亚洲αⅴ无码乱码在线观看性色| 亚洲尹人九九大色香蕉网站| 亚洲中文字幕无码中文| 精品国产免费一区二区三区| 最新欧洲大片免费在线| 曰韩亚洲av人人夜夜澡人人爽| 亚洲香蕉久久一区二区| 国产色爽免费无码视频| 四虎永久免费影院| 亚洲综合伊人制服丝袜美腿| 97人妻无码一区二区精品免费| 国产亚洲精品自在久久| 国产精品亚洲专区一区| 永久免费av无码网站韩国毛片 | aa毛片免费全部播放完整| 中文字幕专区在线亚洲| 黑人粗长大战亚洲女2021国产精品成人免费视频 | 亚洲国产一二三精品无码| 日本免费久久久久久久网站| 亚洲国产一级在线观看| 亚洲日本在线电影| 麻豆最新国产剧情AV原创免费| 亚洲国产精品VA在线看黑人 | 久久精品国产亚洲AV嫖农村妇女| 免费观看无遮挡www的小视频| 亚洲国产另类久久久精品黑人| 无码中文字幕av免费放dvd| 国产成人无码综合亚洲日韩| 99热在线免费播放| 亚洲一二成人精品区| A国产一区二区免费入口| 亚洲精品成人图区| 91成人在线免费观看| 久久精品亚洲一区二区三区浴池| 免费看国产成年无码AV片| 亚洲人成免费网站| 免费三级毛片电影片| 日韩a毛片免费观看| 亚洲人成网站观看在线播放| 亚洲午夜无码久久|