PageValidator 更新说明

香水坏坏 发表于 2007-8-7 [Javascript]

last modify date:09-21-2007

更新时间：2007-09-21

input radio验证使用说明：

HTML代码如下：

 

XML/HTML代码
  1. <input name="sex" class="validElement" msgtip="tip information" msgok="OK" type="radio" id="man"  value="男" />  
  2. <input name="sex" type="radio" id="feman" value="女" />  

 解析：如果要验证一组input radio，1、首先只要name一样 2、保证在这组name一样的input radio有且仅有一个input带有class="validElement" 以及设置msgtip和msgok

JAVASCRIPT现实：

 

JavaScript代码
  1. //这里的"man"为上面指定了class="validElement"标签的id值   
  2. initValid( new InputValidator("man") );  

 

关于InputValidator的说明查看：http://www.aspstat.com/38

=========================================================

更新时间：2007-08-27

注意：还在使用原来版本的朋友请手动重新下载覆盖原来的文件，并不影响目前使用

Ajax验证使用说明：

JavaScript代码
  1. appendValid( new AjaxValidator( '要验证元素的ID' , 'url' , '验证失败的提示信息',ajax_callback));   
  2.   
  3. //ajax_callback(data,validator)--服务返回的后的回调函数   
  4. //data--服务器返回的数据txt/html   
  5. //validator--ajax验证对象，根据你的需求设置validator.isValid=true;表示ajax验证成功，否则设置为false   
  6. //服务端获取client发送数据的方法   
  7. //request集合里的对象ID，如上：'要验证元素的ID' 为test   
  8. //服务端可以通过 Request["test"]获取值  

 

这里给出一个简单的DEMO，查看DEMO

====================================================

感谢网友 Cantops 提供的问题：

  • 修正对Firefox的支持
    加入对TEXTAREA Element的支持

下载：http://www.aspstat.com/38

示例代码：

JavaScript代码
  1. <input msgtip=”测试必填项” msgok=”ok” id=”test” class=”validElement” />   
  2.   
  3. <input msgtip=”测试选填项” msgok=”ok” id=”test1″ class=”validElement” />   
  4.   
  5. <input msgtip=”测试比较项” msgok=”ok” id=”testC” class=”validElement” />   
  6.   
  7. <select groupname=”s1″ msgtip=”测试SELECT” msgok=”ok” id=”s1″ class=”validElement”> <option>nULL</option> <option value=”2″>2</option> <option value=”3″>3</option></select>   
  8.   
  9. <script type=”text/javascript”>      
  10.   
  11.  initValid(new InputValidator( \’test\’ , 1, 10 , false ,\’\\d+\’ , \’1-10位数字\’ , \’非1-10位数字\’ ) );    
  12.   
  13. initValid(new InputValidator( \’test1\’ ,1, 10 , true ,\’\\d+\’ , \’1-10位数字,不填留空\’ , \’非1-10位数字\’,\’你没填，但OK\’) );    
  14.   
  15. initValid(new InputValidator( \’testC\’ , 1, 10 , false ,\’\\d+\’ , \’1-10位数字\’ , \’非1-10位数字\’ ) );    
  16.   
  17. appendValid( new CompareValidator( \’testC\’ ,\’test\’ , \’不相等啊\’) );    
  18.   
  19.  initValid(new SelectValidator (”s1″ ,  true ,null ,”你真的不选择恋爱史了吗？” , onselectok));    
  20.   
  21.  function onselectok(ctl){    alert( \’你选择了\’+ctl.val() );  }   
  22.   
  23. </script>   
  24.   
4233 40 标签：JQUERY 插件 
访客评论
  • 22    [2007-12-19]
    啊啊啊
  • yy    [2007-12-19]
    qwee
  • English,    [2007-12-8]
    English dude, English!
  • fsdfsd    [2007-12-7]
    fsdfsdfdsfds
  • steve    [2007-11-20]
    sfasfsa
  • 路人甲    [2007-11-15]
    暈，這根本不算是 jQuery 的 plugin...
  • 香水坏坏    [2007-10-25]
    关于大家的问题,首先请确认一下,大家是否已经下载了最新版本的pagevalidator[url=http://www.aspstat.com/38]http://www.aspstat.com/38[url],例外请告诉我,你们的测试环境,如IE,还是FF或者其他浏览器.如果还不能解决,可以加我QQ交流一下:25359952
  • 小乔    [2007-10-25]
    一样情况..我的文本验证也在出错的情况下就通过了..怎么解决呀?
  • 创世纪    [2007-10-25]
    我跟踪了一下,发送所有验证项的
    $( "#" this["id"] ).validator
    都是undefined,也就等于验证函数只执行了两个语句:
    var isValid = true;
    return isValid;
  • fff    [2007-10-25]
    asdfadsf
FIRST12345LAST
发表评论
  • 你的姓名：
  • 你的网站：
  •   EMAIL：   
  • 评论内容：
  • 私人