为layer.prompt增加输入框提示

最新推荐文章于 2021-11-11 19:28:48 发布
最新推荐文章于 2021-11-11 19:28:48 发布
阅读量1.3k 收藏
点赞数
分类专栏： 笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011574794/article/details/116021064
版权

为layer.prompt增加输入框提示


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

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

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

r.prompt = function(e, t) {
   
    var a = "";
    if (e = e || {
   },
    "function" == typeof e && (t = e), e.area) {
   
        var o = e.area;
        a = 'style="width: ' + o[0] + "; height: " + o[1] + ';"',
        delete e.area
    }
    var s, l = 2 == e.formType ? '
最低0.47元/天 解锁文章
goim
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layer.prompt添加多个输入框
weixin_30809173的博客
09-27 5922
原文链接:https://www.jianshu.com/p/65fea33e6750 我们都知道layer.prompt官网上的例子是一个弹出框，那么有没有可能出来多个呢，当然是可以的 1.首先增加需要的输入框 源码不好改动，咱们可以直接js增加呀，$().append()方法还是很好用的话不多说上代码 layer.prompt({ ...
layer.prompt输入层的例子
12-13
在某些页面我们只需要输入一个参数，那么layer.prompt是一个很好的选择，但是前提要打开 //使用layer扩展功能 layer.config({extend: 'extend/layer.ext.js'}); layer.prompt({ formType: 0, value: '', title: '请输入App名字' }, function(value,index){ alert(value); layer.close(index); }); 以上这篇layer.prompt输入层的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望
在layer弹层layer.prompt中,修改placeholder的实现方法
01-19
如下所示： layer.prompt({title: '修改密码',placeholder:'请输入新密码'},function(val, index){ //成功后执行 }); 该修改的地方 layer.js 效果图 以上这篇在layer弹层layer.prompt中,修改placeholder的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
layer常用提示框用法
热门推荐
Alice_qixin的博客
04-17 3万+
一 layer的普通提示框 效果： 代码： layer.alert('次案件已回库，请选择其他案件', { icon: 5, title: "提示" }); title属性不设置时默认为“信息”。如下 二 layer 带输入框的提示框 效果： 注意！必须引入layer.j
vue---使用vue-layer prompt弹框显示两个/多个input输入框
maidu_xbd的博客
09-07 1万+
问题描述：使用layer.prompt弹框显示两个/多个输入框效果。 实现效果截图如下： 解决思路：通过控制台找到prompt弹框中的input输入框的class，往其前插入HTML代码（jquery写法【$(".class").before("HTML代码")】） 注意：prompt默认确定按钮在取消按钮的坐标，如果想让确定按钮放在后面，设置确定按钮样式为【float:right】 完整代码： <template> <div> <h1>vue-l
JS：layer.prompt层小试
Schon_zh的博客
11-05 6693
1. title可变，输入类型为text，无fromtype； 样式 代码 ``` layer.prompt({title: '请输入'+expressT+'面单号，并确认'}, function(slogisticCode, index){ layer.close(index); layer.msg('您输入的'+expressT+'面单号为：'+ sl...
layer的prompt弹出框,点击回车,触发确定事件的方法
10-16
今天小编就为大家分享一篇layer的prompt弹出框,点击回车,触发确定事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JQuery输入验证插件（使用layer的tips做提示）
东明之羞的博客
08-31 2618
重大更新          1.优化部分算法          2.支持行内元素校验定义          3.js添加元素，可添加定义事件           下载文件   前往下载   https://download.csdn.net/download/qq_28254093/10674828                     内附详细教程           日期：201...
layui input框提示 请输入此字段， 怎么取消
CaiLin_Liu的博客
11-05 9856
1.给点击按钮，看好是点击按钮，不是input框 就是你点击谁的时候，弹“请输入此字段”弹出框的按钮，添加formnovalidate 例子：  &lt;button type="submit" class="layui-btn"  formnovalidate&gt;      确定 &lt;/button&gt;  ...
自动补全提示（可模糊搜索）的输入框
08-01
利用javascript实现类似于百度，谷歌搜索的自动模糊搜索补全提示的功能，代码中已有详细的注释信息，可以实现鼠标点击，上下方向键浏览点击，enter确认等常用功能，可移植性不错。（修订版）
Layui 内置方法 - layer.prompt_(输入层)
ak47147258369的博客
09-29 1万+
prompt的参数也是向前补齐的。options不仅可支持传入基础参数，还可以传入prompt专用的属性。当然，也可以不传，yes携带value 表单值index 索引elem 表单元素。 prompt层新定制的成员如下 { formType: 1, //输入框类型，支持0（文本）默认1（密码）2（多行文本） value: '', //初始时的值，默认空字符 m...
layui必填提示框修改，layui提交form表单必填提示框修改，select提示弹出位置不对处理，layui自定义提示文字，layui自定义条件提示
weixin_43992507的博客
10-09 8750
效果 修改前 修改后 实现方式 我的layui版本是2.6.8 js文件只有layui.js（之前的版本可修改form.js文件源码） 所以打开layui.js修改源码，修改如下 // 将 i.msg(f,{icon:5,shift:6}) // 替换成 i.tips(f, r) 如图1下所示（Hbuilder颜色未改，则是黄背景） 或如图2所示 我喜欢把提示框颜色改了，以下就是我修改的样式（打开layui.css换行放到后面即可） /* layer提示*/ .layui-layer-tips .
有关Layer.js的弹窗及相关参数
PHPArchitect的博客
11-11 1549
ayer.js是由前端大牛贤心编写的web弹窗插件。 使用方法 1、layer.js依赖jquery或者zepto.js。 <script type="text/javascript" src="../layer/3.1.1/layer.js"></script> js调用 layer.open({ title: '在线调试' ,content: '可以填写任意的layer代码' }); 相关参数 属性 默认值 描述 备注 type 0
简单的layer.open弹出输入框样式
wl_public的博客
09-03 2万+
layer.open({     id:1,         type: 1,         title:'修改密码',         skin:'layui-layer-rim',         area:['450px', 'auto'],                  content: ' &lt;div class="row" style="width: 420px;  marg...
layer弹出层使用总结
黑呆呆
07-19 5727
layer是layui的独立部分，弹层模块，单独引入layer.js即可 以下内容是 官网and下载layer.js 独立版的内容 官方文档说明 一、open的封装 /** * 打开一个layer的open弹窗 * 这个封装适用于打开一个页面的弹窗，而非id * @param urlwithparam url带参数 * 例子："/users/common_detail?...
layer.prompt弹层
cheers_bin的博客
12-02 1万+
使用layer.open实现方式： 附:源码如下 layer.open({ //formType: 2,//这里依然指定类型是多行文本框，但是在下面content中也可绑定多行文本框在这里插入代码片 title: '是否确信将账号临时挂账?', area: ['300px', '240px'], btnAlign: 'c', closeBtn:'1',//右上角的关闭 content: `<div><p>备注:</p><textarea name="tx
layer.prompt无效的解决办法
王梦蛟的博客
12-25 5619
使用H-UI框架中的layer弹出层时发现 layer.js中没有layer.prompt，如果想要使用layer.prompt可以使用layer中的use从扩展中加载此扩展方法 代码如下： layer.use('extend/layer.ext.js', function(){ layer.ext = function(){ lay
layer.confirm添加输入框
最新发布
08-23
layer.confirm添加输入框的方法是通过在layer.confirm的配置参数中使用prompt属性来实现的。具体的代码可以如下所示： layer.confirm('请输入密码', { title: '密码确认', btn: ['确定', '取消'], prompt: { placeholder: '请输入密码', type: 'password' } }, function(value, index, elem) { // 输入框的确认回调函数 console.log(value); // 获取输入框的值 layer.close(index); // 关闭确认框 }, function() { // 取消按钮的回调函数 layer.close(index); // 关闭确认框 });<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [layer 实现弹窗提交信息](https://blog.csdn.net/antony9118/article/details/53575597)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Layui之layer.confirm询问框，是否重置](https://blog.csdn.net/weixin_53406687/article/details/121849310)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值