jQuery MiniUI

标题: 文本输入框 mini-textbox问题 [打印本页]

作者: H7z1 时间: 2019-4-1 16:43:14 标题: 文本输入框 mini-textbox问题

文本输入框 input标签有没有可以框内只能输入数字,不能输入/粘贴汉字,特殊字符,英文字母,空格是不能输入而不是数据验证请问miniui是否有支持

作者: H7z1 时间: 2019-4-1 16:44:30

在线等!!

作者: felt 时间: 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, '') //这里正则要你的需求自己写，我这里写的只允许输入英文字母
}

作者: H7z1 时间: 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,'');
}

作者: H7z1 时间: 2019-4-1 17:32:26

H7z1 发表于 2019-4-1 17:31
**:

没有效果

作者: H7z1 时间: 2019-4-1 18:06:15

felt 发表于 2019-4-1 17:14
var textEl=mini.get(id).getTextEl();
textEl.onpaste = function(){
return false

这串代码没有效果

作者: felt 时间: 2019-4-1 18:12:06

H7z1 发表于 2019-4-1 18:06
这串代码没有效果

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)