<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 首頁 新隨筆 聯系 聚合 管理
      55 Posts :: 1 Stories :: 41 Comments :: 0 Trackbacks

    目前jQuery網站上已經有了From的驗證框架,FromValidation,但是一直覺得它的框架并不好用,因為重復寫的東西太多了。
    于是就再次寫了自己的JavaScript驗證框架,完全廢棄掉以前的。
    在新的框架下,是以這樣子的用法設計的:
    首先,要包括自己的js文件(這點不必說),而且在包括自己寫,要先包括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/>


    然后在要驗證的Form里面加個屬性validatable=true,如下:

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

    注意,這邊不要加onsubmit方法

    接下來,就好了,比如說有個輸入框:
    <ww:textfield name="name" id="name"/>
    我想驗證,讓它必填,如下就可以了:
    <label for="name" validate="required">請填寫名稱</label>  其中 for屬性里面填的要是驗證的輸入框id,validate填的是驗證方法,;label里面的文本就是驗證不過的時候要顯示的信息。
    如果我想驗證一個輸入框的輸入值長度怎么辦,這樣子就行了

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

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

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

    </script>


    里面三個參數,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:18 Wingel 閱讀(265) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 青柠影视在线观看免费高清| 中美日韩在线网免费毛片视频| 久久国产乱子免费精品| 亚洲午夜福利717| 色播在线永久免费视频网站| 国产亚洲婷婷香蕉久久精品| 热99RE久久精品这里都是精品免费| 亚洲精品乱码久久久久久中文字幕| 五月天婷婷精品免费视频| 精品国产人成亚洲区| 很黄很污的网站免费| 国产亚洲福利精品一区| 99re6在线视频精品免费| 亚洲精品无码不卡在线播放HE| 久操免费在线观看| 亚洲美女视频网址| 亚洲sm另类一区二区三区| 无码国模国产在线观看免费| 美女一级毛片免费观看| 国产成人综合亚洲AV第一页| 国产免费AV片在线观看 | 亚洲国产精品狼友中文久久久| 相泽南亚洲一区二区在线播放| 一本色道久久88亚洲综合| 成全视成人免费观看在线看| 日韩亚洲一区二区三区| 亚洲一区二区免费视频| 亚洲欧美中文日韩视频| 亚洲精品视频免费看| 亚洲色偷偷偷综合网| 亚洲中文字幕伊人久久无码| 亚洲日韩精品国产一区二区三区| 国产jizzjizz免费看jizz| 成在人线av无码免费高潮喷水| 亚洲国产高清视频在线观看| 永久在线观看免费视频| 欧洲 亚洲 国产图片综合| 中文字幕亚洲一区| 99在线视频免费观看视频| jizz在线免费播放| 亚洲无mate20pro麻豆|