badqiu

          XPer
          隨筆 - 46, 文章 - 3, 評論 - 195, 引用 - 0
          數據加載中……

          基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱

          演示地址: http://cleanmine.cosoft.org.cn/validation/example/valid.html
          使用validation.js的好處: 避免編寫提示信息,避免編寫javascript,快速

          增加validate-ajax以支持ajax驗證,
          增加validate-pattern直接通過正則表達式的認證,
          修改validate-equlas以驗證密碼與確認密碼的問題,
          增加less-than與great-than的驗證以支持開始日期與結束日期相比較的問題,
          增加validation之間內部依賴的支持,

          Ajax驗證實例:客戶端HTML
          <input?id='email'?name='email'?value='badqiu@gmail.com'?class='required?validate-email?validate-ajax'?style='display:block'?validateUrl="validate-email.jsp"?validateFailedMessage="郵件已經存在"?>
          ????????????
          <input?type='button'?value='驗證郵件是否存在'?onClick="Validation.validate('email')"/>
          Ajax驗證實例:服務端JSP
          <%
          System.out.println(
          "validate?email:"+request.getParameter("email"));
          if("badqiu@gmail.com".equals(request.getParameter("email")))?{
          ????out.println(
          "?false");
          }
          else?{
          ????out.println(
          "true?");
          }

          %>?

          ?

          歡迎大家提出改進,以便框架完成的更好
          我會在將來開發出與服務端結合的開發框架,如struts and struts2,敬請期待

          并且感謝原作者這么棒的Idea: http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype
          下載地址: http://www.aygfsteel.com/Files/badqiu/validation2.3.4.zip

          posted on 2006-12-01 14:37 badqiu 閱讀(7442) 評論(21)  編輯  收藏

          評論

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          不支持utf-8啊
          2007-03-26 17:17 | anders

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱 [未登錄]  回復  更多評論   

          請查看:http://www.aygfsteel.com/badqiu/archive/2007/03/26/77778.html#106314
          2007-03-28 17:11 | badqiu

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          身份證號
          QQ
          郵編

          目前想到這三個
          2007-05-23 11:48 | Anubis

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          使用validate-ajax的時候,激活過兩次錯誤信息之后,再次輸入錯誤,錯誤信息的div顯示一下就消失了,就是說,input的border還是紅色,但是看不到錯誤信息,而且表單也可以提交。
          改怎么解決呢?
          2007-08-06 17:21 | Anson

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          請下載新版本:
          http://svn.javascud.org/svn/si/validation/trunk/
          2007-08-07 09:25 | badqiu

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          使用表單驗證的時候,對form里的控件只在onblur的時候進行驗證,可不可以在這個控件的內容變化的時候也進行驗證呢?我看了下源碼,是使用了Event.observe()這個方法,我加上的change的事件不管用,應該怎么修改呢?謝謝了
          2007-08-14 11:20 | MYSTiQUE

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          @MYSTiQUE
          直接在input上增加onChange=Validation.validateElement(this);
          2007-08-14 13:47 | badqiu

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          @badqiu
          你好啊 我從svn上下載了最新的代碼 但是在firefox下不能運行valid.html.提示錯誤: elm.href.match(/#(\w.+)/) has no properties
          源文件:file:///D:/ideaworkspace/validation/lib/fabtabulous.js
          行:37

          我看了fabtabulous.js文件沒什么改動啊?
          2007-09-15 17:36 | zy

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

            正在學習使用和學習js,希望能提供詳細說明版本下載或者是加有注解說明的更好了。
          2007-10-21 23:12 | xin

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱 [未登錄]  回復  更多評論   

          Javascript_EasyValidation
          http://wiki.javascud.org/pages/pageinfo.action?pageId=5367
          Javascript_RapidValidation
          http://wiki.javascud.org/pages/pageinfo.action?pageId=5442


          請問這兩個版本有什麼分別呢???
          Javascript_RapidValidation 比 Javascript_EasyValidation 的最後更新日期較近...
          2007-12-14 13:06 | Victor

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱 [未登錄]  回復  更多評論   

          缺少對struts2標簽的支持,現在還是沒法用啊:(
          比如Attribute class invalid for tag textfield according to TLD
          2007-12-30 16:12 | steven

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          為什么我在表格里使用出現了"'Validation' 未定義"的錯誤

          <script type="text/javascript">
          window.onload = function(){
          var validator = new Validation('helloworld', {stopOnFirst:true, immediate:true});
          var result = valid.validate();

          }
          </script>
          <form id="helloworld" action="#" class='required-validate'>
          helloworld:</br>
          <!--通過class添加驗證: required表示不能為空,min-length-15表示最小長度為15 -->
          <textarea name='content' class='required min-length-15'></textarea></br>
          <input type='submit' value='Submit'/>
          <input type='reset' value='Reset'/>
          </form>
          2008-05-19 17:42 | ccbslsx

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          你好,請問怎么更改提示信息的位置,系統默認提示信息位置在當前行下面,怎么設置為提示信息在當前行后面,急盼答復,望指教,非常感謝!
          2008-07-09 21:24 | likex

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱 [未登錄]  回復  更多評論   

          @likex
          使用<div id="advice-${inputId}" style="display:none"></div>
          顯示的信息可以顯示在div中
          2008-07-09 22:04 | badqiu

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          @badqiu
          你好,能看到你及時的回復,非常感謝你!
          使用你說的方法 <div id="advice-${inputId}" style="display:none"></div> ,
          顯示信息的位置仍然在當前行下面,不能顯示在指定的<div>中,我的示例如下:

          <form id="test" action="#" method="post" class='required-validate'>

          <div id="advice-${title}" style="display:none"></div> //1
          <div id="advice-title" style="display:none"></div> //2
          <div id="biaoti">標題:<input name="title" id="title" class="required"/></div>
          <input type="submit" value="提交">

          </form>
          1,2方法均不能顯示,望指點,非常感謝你!
          2008-07-10 11:23 | likex

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          消息提示不能定位,太可惜了!!
          2008-11-06 17:06 | 陌生人

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          @陌生人
          這個是可以的,請下載最新版本并查看文檔
          http://code.google.com/p/rapid-validation
          2008-11-06 18:42 | badqiu

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          剛才開始學習JavaEE,看到這個頁面驗證的組件,感覺錯,看到你改寫的這個擴展類,首先支持國人的開源項目。有個問題,就是國際化的問題,你說動態修改Validator.messageSource即可,但是我不知道怎么修改呢,能不能給個例子.謝謝。
          2009-01-17 13:10 | 黑火燎原

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          根據navigator.language取到系統語言,然后來選擇使用哪種語言提示。
          2009-01-17 13:20 | 黑火燎原

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          今天使用js動態生成的網頁元素,設置了class屬性,從顯示的顏色來看,已經設置成功了,但是驗證的功能沒起作用。不知道Badqiu你做過這方面的測試沒?還是需要特殊的設置?
          2009-01-17 20:53 | 黑火燎原

          # re: 基于prototype的validation.js發布2.3.4新版本,讓你徹底脫離表單驗證的煩惱   回復  更多評論   

          @anders
          自己轉一下碼就可以了嘛!!

          很好的東西!!
          2010-04-15 15:54 | ijse

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


          網站導航:
           
          主站蜘蛛池模板: 西乌| 墨脱县| 奎屯市| 会泽县| 宝坻区| 家居| 朝阳市| 通化市| 运城市| 洱源县| 七台河市| 凤山市| 水城县| 乐陵市| 宁晋县| 电白县| 叙永县| 汪清县| 萨嘎县| 光泽县| 龙川县| 前郭尔| 浮山县| 霍邱县| 桑植县| 柳江县| 白河县| 保定市| 锡林郭勒盟| 邢台市| 抚宁县| 铁岭县| 中宁县| 新和县| 开平市| 无锡市| 木里| 黄冈市| 平昌县| 灵璧县| 沧源|