jQuery MiniUI

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

(求关注,求指导)关于使用MiniUI实现input禁止输入特殊字 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2016-11-20 08:28:32 |只看该作者 |倒序浏览
本帖最后由 stevencyx 于 2016-11-20 08:30 编辑

首先很感谢MiniUI的开发人员,给大家呈现出这样一个好的东西,谢谢……最近,遇到一个问题,自己试了好几天都没能找到在MiniUI框架下很好的解决方法……我打算实现在input输入框中实现 禁止特殊字符字符的输入,我查了相关MiniUI的demo以及网上的问题,没有找到类似解决方案……类似地,有找到mini-spinner之类的,但是这是在输入框失去焦点后,对之前进行处理的input输入框的显示值进行更改,这样不是很友好……不在MiniUI框架下,实现我所说的功能的相关代码有:
<input type="text"  class="domain"  onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5\w]/g,'')"/>
各位前辈,可以试着去感受一下我说的那个效果,但是在MiniUI下,为class加上mini-textbox这个属性后,发现始终得不到预期的效果,个人自己有调试了,发现好像就不能够对this.value=XXX这个表达式进行操作,所以在这里很想向各位讨教一下,在MiniUI下怎么能够实现禁止输入特殊的效果 ?就是你能输特殊字符,但是这个特殊字符根本不会在input框上进行显示,谢谢……

Rank: 8Rank: 8

沙发
发表于 2016-11-21 10:27:33 |只看该作者
MiniUI是复杂结构的js控件
你可以动态在textbox的输入元素.mini-textbox-input这个元素上绑定事件处理

Rank: 1

板凳
发表于 2016-11-21 12:27:36 |只看该作者
版主大大你好,其实我已经按照你说的进行了相关事件的绑定,但是技术不行,没能实现预期的效果,所以麻烦您能不能指导一下?感激不尽,谢谢

Rank: 8Rank: 8

地板
发表于 2016-11-21 13:48:00 |只看该作者
stevencyx 发表于 2016-11-21 12:27
版主大大你好,其实我已经按照你说的进行了相关事件的绑定,但是技术不行,没能实现预期的效果,所以麻烦您 ...

<input class="mini-textbox" id="t1" />
$("#t1 .mini-textbox-input").bind("keyup", function (e) {
        var value = this.value;
        
        var newValue = value.replace(/[^\u4e00-\u9fa5\w]/g, '');
        
        $(e.target).val(newValue)

    })

Rank: 1

5#
发表于 2016-11-21 16:03:04 |只看该作者
谢谢版主大大,给力

Archiver|普加软件

GMT+8, 2024-5-14 12:02 , Processed in 1.037074 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部