常用的2种插件
来源:互联网 发布:js 删除cookie 编辑:程序博客网 时间:2024/05/16 14:39
弹出框插件,前端常用弹出框,但是alert太过“丑陋”,所以要选用更好的插件去代替alert,提高用户体验。比如:jBox插件。
表单或者用户输入数据的格式检查往往是必须的,一方面是程序安全性的需要,另一方面是为数据处理的方便(特别是为了方便数据库的管理),这时总是纯人工手写js/jq代码去检查显得小题大做而且开发时间也不允许。这时需要插件来帮助做验证。比如Validate。
jBox插件:(http://www.sucaihuo.com/js/263.html)
常用调用方式:$.jBox.tip(“显示的信息”,“显示框的样式”);
显示信息可以是文本和html代码。
显示框的样式:
success:提示操作成功。
error:提示操作失败。
值得注意的是:
jBox的调用不只是要引用jBox的js文件(.js),还需要引入jBox的样式文件(.css)。
更多详细信息参考(http://www.sucaihuo.com/jquery/2/263/demo/),感觉还算是听全面。
验证插件:Validate
最为验证插件,Validate提供了全面方便的验证格式。而且提供用户自定义函数去增加满足用户需要的验证方式。
引入js文件(.js).
使用方式也非常的方便:
写法有2种:
第一种:
<form id = "formId">...<!-- 每一个要需要验证的元素都要有id --></form>$("#formId").Validate({ rules:{ id:{required:true,..},//id为元素的id值,{required为验证条件,true为必须要满足条件,false为不需要满足条件} }, mesages:{ id:{required:"必填项"},//id为元素id值,required为需要满足的条件,"必填项"为不满足条件时的提示信息。}, success:function(e){ //满足所有条件后 。。。 }, submitHandler:function(){ //数据提交 $.post(,,,,); },});
第二种:
<form id="formId"><input type="text" id="name" data-rule-required="true" data-message-required="必填项"/><!-- ***data-rule-required为验证条件为required,data-message-required="必填项"为不满足验证条件时的提示信息为“必填项”*** --></form>$("#formId").Validate({ submitHandler:function(){ .....});
推荐在线公共引用库:http://libs.cdnjs.net/在线引用cdn为加速,方面快速加载。将http改为https,使用安全连接否则有时会被拒绝引用!
- 常用的2种插件
- 常用的几种VS编程插件
- IDEA常用的14种插件
- 常用的eclipse插件
- 常用的eclipse插件
- 常用的firefox插件
- vim的常用插件
- 一些常用的插件
- 常用的firefox插件
- jquery常用的插件
- Jquery常用的插件
- 常用的VC插件
- jquery常用的插件
- eclipse 常用的插件
- 常用的firefox插件
- rails 常用的插件
- 常用的jquery插件
- 添加常用的插件
- C#实现木马程序
- jdk安装
- 整理下曾经学习shell的笔记
- Kickstart Round A 2017 Problem A. Square Counting Problem B. Patterns Overlap
- 文件下载显示进度条
- 常用的2种插件
- 平台总线模型
- Exercises5-12 511-Do You Know the Way to San Jose?
- 通过DVWA学习CSRF漏洞
- Centos7.0及以后版本修改启动级别
- MYSQL性能查看(命中率,慢查询)
- Linux发展壮大史
- tcp粘包和拆包的处理方案
- P3616 富金森林公园