webuploader、select2、validate、my97插件使用技巧
2016-06-21 13:55
639 查看
1、webuploader
(1)、上传按钮隐藏:给元素#filePicker添加类webuploader-element-invisible。例如$("#filePicker").toggleClass('webuploader-element-invisible',条件);
(2)、待续……
2、select2
(1)、修改未找到结果默认提示文字$('.beautyselect').select2({"language":{"noResults":function(){return
"没有搜到相关门店,请检查门店名称"}}});
(2)、下拉框收起触发事件$(".beautyselect").on("select2:close",
function() {});
3、validate
(1)、动态数据的验证
"请选择"的option的value置为空。。。正常写验证规则。。。$(".beautyselect").on("select2:close",
function() {$(this).valid();});
(3)、略过验证或使验证无效
a、验证元素设置disabled属性
b、添加参数ignore,var
validator = validate({ignore:""}); 然后js动态控制validator.settings.ignore="#id/.class";
(4)、隐藏元素不要略过验证
$.validator.setDefaults({ ignore: []});
4、my97
(1)、时间范围:<input type="text" id="beginTime" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endTime\')}'})"
/>
<input
type="text" id="endTime" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'beginTime\')||(\'%y-%M-%d\')}'})" />
(2)、待续……
(1)、上传按钮隐藏:给元素#filePicker添加类webuploader-element-invisible。例如$("#filePicker").toggleClass('webuploader-element-invisible',条件);
(2)、待续……
2、select2
(1)、修改未找到结果默认提示文字$('.beautyselect').select2({"language":{"noResults":function(){return
"没有搜到相关门店,请检查门店名称"}}});
(2)、下拉框收起触发事件$(".beautyselect").on("select2:close",
function() {});
3、validate
(1)、动态数据的验证
$("input[name^='number']").each(function() { $(this).rules("add", { required: true, messages: { required: "请填写……" } }); });(2)、select2的validate的验证
"请选择"的option的value置为空。。。正常写验证规则。。。$(".beautyselect").on("select2:close",
function() {$(this).valid();});
(3)、略过验证或使验证无效
a、验证元素设置disabled属性
b、添加参数ignore,var
validator = validate({ignore:""}); 然后js动态控制validator.settings.ignore="#id/.class";
(4)、隐藏元素不要略过验证
$.validator.setDefaults({ ignore: []});
4、my97
(1)、时间范围:<input type="text" id="beginTime" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endTime\')}'})"
/>
<input
type="text" id="endTime" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'beginTime\')||(\'%y-%M-%d\')}'})" />
(2)、待续……
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- html5 web数据存储
- 最后一次说说闭包
- Ajax
- SEO
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法