博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js css 的使用
阅读量:7103 次
发布时间:2019-06-28

本文共 2254 字,大约阅读时间需要 7 分钟。

js css脚本文件:     

html文件头部:   <link href="css/smoothness/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" />
<script language="javascript" src="js/jquery-1.7.2.js" ></script>
<script language="javascript" src="js/jquery-ui-1.8.21.custom.min.js" ></script>
<script src="js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script language="javascript" src="js/date.cfg.js" ></script>
<script language="javascript">

{literal} 

$(document).ready(function(){
$('#biaodanyong').validationEngine({
promptPosition: "bottomLeft",validationEventTriggers:"keyup blur",success :  false});

$('#shijianyong').datepicker({changeMonth:true,changeYear:true});     

});

{/literal} 

</script>

/*  解析上面的

  1. <script>
  2.     {literal}        //这个表示在html 文件里面需要添加的;而在php就不需要
  3.         $(document).ready(function() {                //页面加载完成后开始运行方括号里面的代码
  4.             $("#biaodanyong").validationEngine({   
  5.             validationEventTriggers:"blur",  //触发的事件  validationEventTriggers:"keyup blur",   
  6.             inlineValidation: true,  //是否即时验证,false为提交表单时验证,默认true   
  7.             success :  false,  //为true时即使有不符合的也提交表单,false表示只有全部通过验证了才能提交表单,默认false   
  8.             promptPosition: "topRight",  //提示所在的位置,topLeft, topRight, bottomLeft,  centerRight, bottomRight   
  9.             //failure : function() { alert("验证失败,请检查。");  }  //验证失败时调用的函数   
  10.             //success : function() { callSuccessFunction() },  //验证通过时调用的函数   
  11.             });   
  12.         });
  13.      {/literal}    
  14. </script> 

  */

 日期调用:   1. <form>

                   2. <input id="shijianyong">

表单调用:   1.<form id="biaodanyong" ....>

                  2.<input class="validate[required,minSize[3],maxSize[10]]" .... >

               (蓝色里面的代码是根据自己需求在 js 文件夹 languages 文件夹jquery.validationEngine-zh_CN.js文件里面  选择 。例:required  表示:不可以是空白。 minSize[3] 表示:最少3个字符; maxSize[10]  表示:最多10个字符(方括号里面的数字可以根据自己的需要设置)。 custom[onNumbers] 表示:定义  方括号 里的是:  只能是数字。)

所有的验证规则写在validate[]内,有多种验证,用逗号隔开,这里简要说明下常用的验证规则。

  1. required:值不可以为空
  2. length[0,100] :文字允许长度
  3. confirm[fieldID] :匹配其他的表单元素的值,fieldID就是其他表单元素的id,这个主要用于再次确认密码
  4. telephone :数据格式要求符合电话格式
  5. email : 数据格式要求符合email 格式
  6. onlyNumber :只允许输入数字
  7. noSpecialCaracters :不允许出现特殊字符
  8. onlyLetter : 只能是字母
  9. date :必须符合日期格式YYYY-MM-DD
posted on
2012-08-09 23:24 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/dtdd/archive/2012/08/09/2631069.html

你可能感兴趣的文章
window install python easy_install
查看>>
字符串操作
查看>>
linux的命令补全(tab tab)
查看>>
题解 HDU1565 【方格取数(1)】
查看>>
题解 CF911D 【Inversion Counting】
查看>>
scikit-learn初步,一个KNN算法示例
查看>>
关于tableView的cell复用问题
查看>>
微博是个大金矿,使用VS2010编译QOAuth支持微博通用认证OAuth实现SINA微博“.NET研究”登陆...
查看>>
工信部通知要求加强域名系统安全保障工作
查看>>
How Digg is Built:讲述Digg背后的技术,互联网营销
查看>>
7款强大的Javascript网格插件推荐
查看>>
一起谈.NET技术,你是个软件架构师吗?
查看>>
JS小游戏
查看>>
ios 九宫格布局,块动画,字典转模型,Xib使用
查看>>
Lucene学习笔记
查看>>
微软Xbox One无线手柄控制机器人
查看>>
zepto 基础知识(2)
查看>>
汇编语言 实验12 编写0号中断的处理程序
查看>>
方法进阶,构造器
查看>>
redhat6.4 elasticsearch1.7.3安装配置
查看>>