badqiu

          XPer
          隨筆 - 46, 文章 - 3, 評(píng)論 - 195, 引用 - 0
          數(shù)據(jù)加載中……

          基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱

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

          增加validate-ajax以支持ajax驗(yàn)證,
          增加validate-pattern直接通過(guò)正則表達(dá)式的認(rèn)證,
          修改validate-equlas以驗(yàn)證密碼與確認(rèn)密碼的問(wèn)題,
          增加less-than與great-than的驗(yàn)證以支持開(kāi)始日期與結(jié)束日期相比較的問(wèn)題,
          增加validation之間內(nèi)部依賴的支持,

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

          %>?

          ?

          歡迎大家提出改進(jìn),以便框架完成的更好
          我會(huì)在將來(lái)開(kāi)發(fā)出與服務(wù)端結(jié)合的開(kāi)發(fā)框架,如struts and struts2,敬請(qǐng)期待

          并且感謝原作者這么棒的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) 評(píng)論(21)  編輯  收藏

          評(píng)論

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱 [未登錄](méi)  回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          身份證號(hào)
          QQ
          郵編

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          我看了fabtabulous.js文件沒(méi)什么改動(dòng)啊?
          2007-09-15 17:36 | zy

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱 [未登錄](méi)  回復(fù)  更多評(píng)論   

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


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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱 [未登錄](méi)  回復(fù)  更多評(píng)論   

          缺少對(duì)struts2標(biāo)簽的支持,現(xiàn)在還是沒(méi)法用啊:(
          比如Attribute class invalid for tag textfield according to TLD
          2007-12-30 16:12 | steven

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          為什么我在表格里使用出現(xiàn)了"'Validation' 未定義"的錯(cuò)誤

          <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>
          <!--通過(guò)class添加驗(yàn)證: required表示不能為空,min-length-15表示最小長(zhǎng)度為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發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          你好,請(qǐng)問(wèn)怎么更改提示信息的位置,系統(tǒng)默認(rèn)提示信息位置在當(dāng)前行下面,怎么設(shè)置為提示信息在當(dāng)前行后面,急盼答復(fù),望指教,非常感謝!
          2008-07-09 21:24 | likex

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱 [未登錄](méi)  回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          @badqiu
          你好,能看到你及時(shí)的回復(fù),非常感謝你!
          使用你說(shuō)的方法 <div id="advice-${inputId}" style="display:none"></div> ,
          顯示信息的位置仍然在當(dāng)前行下面,不能顯示在指定的<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">標(biāo)題:<input name="title" id="title" class="required"/></div>
          <input type="submit" value="提交">

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

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

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          剛才開(kāi)始學(xué)習(xí)JavaEE,看到這個(gè)頁(yè)面驗(yàn)證的組件,感覺(jué)錯(cuò),看到你改寫的這個(gè)擴(kuò)展類,首先支持國(guó)人的開(kāi)源項(xiàng)目。有個(gè)問(wèn)題,就是國(guó)際化的問(wèn)題,你說(shuō)動(dòng)態(tài)修改Validator.messageSource即可,但是我不知道怎么修改呢,能不能給個(gè)例子.謝謝。
          2009-01-17 13:10 | 黑火燎原

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          根據(jù)navigator.language取到系統(tǒng)語(yǔ)言,然后來(lái)選擇使用哪種語(yǔ)言提示。
          2009-01-17 13:20 | 黑火燎原

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          今天使用js動(dòng)態(tài)生成的網(wǎng)頁(yè)元素,設(shè)置了class屬性,從顯示的顏色來(lái)看,已經(jīng)設(shè)置成功了,但是驗(yàn)證的功能沒(méi)起作用。不知道Badqiu你做過(guò)這方面的測(cè)試沒(méi)?還是需要特殊的設(shè)置?
          2009-01-17 20:53 | 黑火燎原

          # re: 基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱   回復(fù)  更多評(píng)論   

          @anders
          自己轉(zhuǎn)一下碼就可以了嘛!!

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

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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 宾阳县| 大同县| 新民市| 满城县| 泰宁县| 陆良县| 定兴县| 凤山市| 抚顺县| 斗六市| 申扎县| 砀山县| 顺义区| 察隅县| 南安市| 贵南县| 牡丹江市| 郴州市| 霍林郭勒市| 文化| 内黄县| 大埔区| 大洼县| 西平县| 武城县| 阿图什市| 鄂州市| 什邡市| 德阳市| 泸水县| 镇远县| 霍城县| 卢龙县| 池州市| 宁海县| 连云港市| 万载县| 广昌县| 若羌县| 开阳县| 衡山县|