jQuery MiniUI

 找回密码
 立即注册
查看: 5912|回复: 6
打印 上一主题 下一主题

文本输入框 mini-textbox问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2019-4-1 16:43:14 |只看该作者 |倒序浏览
文本输入框 input标签 有没有可以 框内只能输入数字,不能输入/粘贴汉字,特殊字符,英文字母,空格 是不能输入而不是数据验证 请问miniui是否有支持

Rank: 2

沙发
发表于 2019-4-1 16:44:30 |只看该作者
在线等!!

Rank: 8Rank: 8

板凳
发表于 2019-4-1 17:14:12 |只看该作者
var textEl=mini.get(id).getTextEl();
textEl.onpaste = function(){
        return false
}
textEl.onkeyup = function () {
      return this.value = this.value.replace(/[^\a-\z\A-\Z]/g, '')  //这里正则要你的需求自己写,我这里写的只允许输入英文字母
}

Rank: 2

地板
发表于 2019-4-1 17:31:53 |只看该作者
<td style="width:7%" align="right"><strong>**:</strong></td>
                       <td style="width:18%">
                       <input id="tel" name="tel" class="mini-textbox" style="width:90%;"
                                 required="true" maxlength="11"                             
                                  />
                </td>

var textEl=mini.get("tel").getTextEl();
    textEl.onpaste = function(){
            return false;
    }
    textEl.onkeyup = function () {
          return this.value = this.value.replace(/[^\a-\z\A-\Z]/g,'');
    }

Rank: 2

5#
发表于 2019-4-1 17:32:26 |只看该作者
H7z1 发表于 2019-4-1 17:31
**:
                      
                       

没有效果

Rank: 2

6#
发表于 2019-4-1 18:06:15 |只看该作者
felt 发表于 2019-4-1 17:14
var textEl=mini.get(id).getTextEl();
textEl.onpaste = function(){
        return false

这串代码没有效果

Rank: 8Rank: 8

7#
发表于 2019-4-1 18:12:06 |只看该作者
H7z1 发表于 2019-4-1 18:06
这串代码没有效果


这不是MiniUI默认的功能,原生的input上如何处理就怎么处理,var textEl=mini.get("tel").getTextEl();获取到的就是textbox内输入框的dom元素,动态绑定事件处理
例子是上面这些代码,功能是只能输入英文,没什么问题。

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2025-1-16 05:04 , Processed in 1.065559 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部