经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » jQuery » 查看文章
layer.prompt 增加placeholder 提示
来源:cnblogs  作者:go苦行僧  时间:2020/12/21 15:06:17  对本文有异议

为layer.prompt增加输入框提示

 

打开 layer.js,用搜索工具找到prompt一行代码,下图为修改以后的:

注:原代码的单引号和双引号的使用

这是用格式化工具格式化了

  1. r.prompt = function(e, t) {
  2. var a = "";
  3. if (e = e || {},
  4. "function" == typeof e && (t = e), e.area) {
  5. var o = e.area;
  6. a = 'style="width: ' + o[0] + "; height: " + o[1] + ';"',
  7. delete e.area
  8. }
  9. var s, l = 2 == e.formType ? '<textarea class="layui-layer-input"' + a + ' placeholder="' + (e.placeholder?e.placeholder:'') + '"></textarea>': function() {
  10. return '<input type="' + (1 == e.formType ? 'password': 'text') + '" placeholder="' + (e.placeholder?e.placeholder:'') + '" class="layui-layer-input">'
  11. } (),
  12. f = e.success;
  13. return delete e.success,
  14. r.open(i.extend({
  15. type: 1,
  16. btn: ["确定", "取消"],
  17. content: l,
  18. skin: "layui-layer-prompt" + c("prompt"),
  19. maxWidth: n.width(),
  20. success: function(t) {
  21. s = t.find(".layui-layer-input"),
  22. s.val(e.value || "").focus(),
  23. "function" == typeof f && f(t)
  24. },
  25. resize: !1,
  26. yes: function(i) {
  27. var n = s.val();
  28. "" === n ? s.focus() : n.length > (e.maxlength || 500) ? r.tips("最多输入" + (e.maxlength || 500) + "个字数", s, {
  29. tips: 1
  30. }) : t && t(n, i, s)
  31. }
  32. },
  33. e))
  34. },

 引用方法:

  1. layer.prompt({
  2. formType: 0,          //输入框类型,支持0(文本)默认1(密码)2(多行文本)
  3. maxlength: 12,        //限制长度
  4.      value: '',          //初始时的值,默认空字符
  5. title: '标题',       //标题
  6. placeholder: '提示信息', //提示信息,默认空字符
  7. area: ['400px', '22px']//自定义文本域宽高
  8. }, function(value, index){
  9. console.log(value,index);
  10. layer.close(index);
  11. });

  

效果:

 

原文链接:http://www.cnblogs.com/goim/p/14142734.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号