自己写的jq表单验证（自带正则）资源-CSDN文库

共21个文件

png：14个

css：2个

scc：2个

jquery

表单验证

自带正则

4星 · 超过85%的资源需积分: 9 160 浏览量 2010-12-08 10:40:43 上传评论收藏 75KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

work.rar （21个子文件）

work

css

ui-lightness

jquery-ui-min.css 24KB

jquery-ui-1.8rc3.custom.css 31KB

images

ui-icons_228ef1_256x240.png 4KB

ui-bg_diagonals-thick_18_b81900_40x40.png 260B

ui-icons_ef8c08_256x240.png 4KB

ui-icons_ffffff_256x240.png 4KB

ui-icons_222222_256x240.png 4KB

ui-bg_glass_100_f6f6f6_1x400.png 104B

ui-bg_flat_10_000000_40x100.png 178B

ui-bg_diagonals-thick_20_666666_40x40.png 251B

ui-bg_gloss-wave_35_f6a828_500x100.png 4KB

ui-bg_highlight-soft_75_ffe45c_1x100.png 129B

ui-bg_glass_65_ffffff_1x400.png 105B

ui-icons_ffd27a_256x240.png 4KB

ui-bg_glass_100_fdf5ce_1x400.png 125B

ui-bg_highlight-soft_100_eeeeee_1x100.png 90B

vssver2.scc 765B

vssver2.scc 102B

Scripts

jquery-1.4.2.min.js 70KB

jquery.ui.datepicker.js 49KB

index.html 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title>  <script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>  <script type="text/javascript" src="Scripts/jquery.ui.datepicker.js"></script> <script type="text/javascript"> /******************************************************** 96期のやなぎ *********************************************************/ $(function(){ //调用jquery日历控件 $('#date').datepicker({changeMonth: true,changeYear: true}); //绑定表单提交进行输入项检查 $('#form1').bind('submit', function(){return check()}) }) //检验函数 function check(){ var result=true; //用户正则表达式 var ruser=/^[a-zA-Z0-9_]{6,10}$/; //密码正则表达式 var rpass=/^.{6,14}$/; //检验数字表达式 var rnum=/^[0-9]+$/; //检验非法字符表达式包含数字字母中日韩三国语言 var rdata=/^[a-zA-Z0-9\u2e80-\u9FFF]+$/; //显示错误的函数 var errBg=function(id,info){ //设置背景色 $(id).css('background-color','#0F9'); //设置错误信息如果内容已经是错误信息则不处理 if($(id).val()!=info) $(id).data('val',$(id).val()) //显示错误信息 $(id).val(info); //绑定焦点事件获得焦点后销毁事件 $(id).bind('focus',function(){ //显示原先用户输错的信息 $(id).val($(id).data('val')); //还原用户的输入框背景色 $(id).css('background-color','#fff'); //销毁单击事件 $(id).unbind('focus'); }) result=false; } //检验用户错误则提示 if(!rdata.test($('#data1').val())) {errBg('#data1','用户错误！')} //检验密码错误则提示 if(!rpass.test($('#data2').val())) {errBg('#data2','密码错误！')} return result; } </script> <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-min.css"/> <style type="text/css"> input{ border:solid #CCC 1px} </style> </head> <body> <form id="form1" name="form1" method="post"> <input id="date" name="date" type="text" /><br /> <input id="data1" name="data1" type="text" /><br /> <input id="data2" name="data2" type="text" /><br /> <input id="data3" name="data3" type="text" /><br /> <input type="submit" style="cursor:pointer" value="提交"/> </form> </body> </html>

评论收藏

内容反馈