jQuery MiniUI

标题: （求关注，求指导）关于使用MiniUI实现input禁止输入特殊字 [打印本页]

作者: stevencyx 时间: 2016-11-20 08:28:32 标题: （求关注，求指导）关于使用MiniUI实现input禁止输入特殊字

本帖最后由 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框上进行显示，谢谢……

作者: felt 时间: 2016-11-21 10:27:33

MiniUI是复杂结构的js控件
你可以动态在textbox的输入元素.mini-textbox-input这个元素上绑定事件处理

作者: stevencyx 时间: 2016-11-21 12:27:36

版主大大你好，其实我已经按照你说的进行了相关事件的绑定，但是技术不行，没能实现预期的效果，所以麻烦您能不能指导一下？感激不尽，谢谢

作者: felt 时间: 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)

})

作者: stevencyx 时间: 2016-11-21 16:03:04

谢谢版主大大，给力

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