<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 閱讀(263) 評論(0)  編輯  收藏

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


    網站導航:
     
    主站蜘蛛池模板: 国产精品视_精品国产免费| 国产精品偷伦视频免费观看了 | 免费看男女下面日出水视频| 青苹果乐园免费高清在线| 无码国产精品一区二区免费 | 一级特黄aa毛片免费观看| 国产午夜免费高清久久影院| 99精品视频免费| 日韩精品免费在线视频| 十九岁在线观看免费完整版电影| 91福利视频免费| 免费福利网站在线观看| 国色精品卡一卡2卡3卡4卡免费 | 三年片免费观看大全国语| a级日本高清免费看| 日韩成人免费视频| 无码国产精品一区二区免费 | 午夜爱爱免费视频| 国产真实伦在线视频免费观看| 四虎影院永久免费观看| 亚洲毛片网址在线观看中文字幕| 久久伊人亚洲AV无码网站| 国产av天堂亚洲国产av天堂| 久久久无码精品亚洲日韩蜜臀浪潮 | 成人免费a级毛片| 国产在线观看www鲁啊鲁免费| 亚洲精品视频在线看| 亚洲av无码无在线观看红杏| 亚洲高清不卡视频| 美女视频黄免费亚洲| 国产一区二区三区亚洲综合| 国产精品福利片免费看| 亚洲一区免费观看| 日韩a级毛片免费观看| 国产精品亚洲产品一区二区三区 | 日韩a级毛片免费视频| 久久精品国产亚洲7777| 精品亚洲国产成AV人片传媒| 亚洲乱码一区二区三区国产精品| 国产亚洲精品免费| 成人A片产无码免费视频在线观看|