input 禁止输入特殊字符

方式一:拿到value值以后 在你传递之前处理

function stripscript(value) {
var pattern = new RegExp("[`[email protected]#$^&*()=|{}‘:;‘,\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“‘。,、?]")
var rs = "";
for (var i = 0; i < value.length; i++) {
rs = rs+s.substr(i, 1).replace(pattern, ‘‘);
}
return rs;
}

直接调用这个函数即可 。

方式二:从最根本上也就是提示用户输入不了特殊字符

function showKeyPress(evt) {
evt = (evt) ? evt : window.event
return checkSpecificKey(evt.keyCode);
}

function checkSpecificKey(keyCode) {
var specialKey = "[`~!#$^&*()=|{}‘:;‘,\\[\\].<>/?~!#¥……&*()——|{}【】‘;:”“‘。,、?]‘’";//Specific Key list
var realkey = String.fromCharCode(keyCode);
var flg = false;
flg = (specialKey.indexOf(realkey) >= 0);
if (flg) {
// alert(‘请勿输入特殊字符: ‘ + realkey);
return false;
}
return true;
}
document.onkeypress = showKeyPress;

使用:在input控件上加入事件  οnkeypress="showKeyPress()",他会输入的时候 根本没反应

这个好像有点小问题 中文状态下没反应 不知道怎么回事  所以又找了一种

方式三:onkeyup事件 拿到以后去匹配 跟方式一类似

function ValidateValue(textbox) {
var IllegalString = "[`~!#$^&*()=|{}‘:;‘,\\[\\].<>/?~!#¥……&*()——|{}【】‘;:”“‘。,、?]‘’";
var textboxvalue = textbox.value;
var index = textboxvalue.length - 1;

var s = textbox.value.charAt(index);

if (IllegalString.indexOf(s) >= 0) {
s = textboxvalue.substring(0, index);
textbox.value = s;
}

}

使用: onkeyup = "ValidateValue(this)" 他会输入以后会立马消失,用户是可以看得到我输入的 只是说输入以后就没了,弊端是连续输入就不会消失了(按住不动)

接下来最牛逼的一种 中和以上方式

方式四:直接在控件上使用正在

// <input οnkeyup="value=value.replace(/[\W]/g,‘‘) "onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\d]/g,‘‘))">
// 控制输入框只能输入文字或数字,也可以不允许输入特殊字符 这里不允许输入如下字符: (像 [email protected]#$%^&* 等)<br>

这种方式用户可以看到输入了会立马消失 跟方式三差不多 但连续输入是有效的

原文地址:https://www.cnblogs.com/JurasVon/p/11684087.html

时间: 2024-10-08 13:52:22

input 禁止输入特殊字符的相关文章

iview input 禁止输入特殊字符 ,解决中文输入法中input把拼音输入

tips:解决了e.target中输入中文 会把拼音也输入的情况 1 html <FormItem label="角色名称" prop="roleName"> <Input v-model="formInfoData.roleName" placeholder="请输入角色名称" maxlength="20" @on-keyup="btKeyUp('roleName')"

input禁止输入空格

1 <input name="" onkeyup="this.value=this.value.replace(/^\s+|\s+$/g,'')" value="" type="text" class="" />

禁止输入特殊字符

function showKeyPress(evt,obj) {            evt = (evt) ? evt : window.event            return checkSpecificKey(evt.keyCode,obj);        }                function checkSpecificKey(keyCode,obj) {                       var reg = /[\!\@\#\$\%\^\&\*\<\

AngularJS 事件指令/input相关指令/样式指令/DOM操作指令详解

1.AngularJS 事件指令 (1)ng-click 鼠标点击事件 [html] <button ng-click="count = count + 1" ng-init="count=0"> Increment  </button> <span>  count: {{count}}  </span> (2)ng-dblclick 鼠标双击事件 [html] <button ng-dblclick="

常见BUG-Web

转自:https://blog.csdn.net/xinxin920606/article/details/86592490 1.对内容超长以省略号代替的,鼠标hover后忘记添加完整内容tips测试:输入超长内容,查看tips完整提示2.页面实际展示的字体大小和文案位置等往往与产品要求的不一致.测试:按照设计稿要求查看实际实现的是否符合设计要求3.数据计算或显示错误,如小数位数保留不对.没有考虑分母为0的情况或未对数据进行千分位分割.测试:按照文档要求进行测试,检查全站是否统一格式4.对于操作

30道shell练习题

1  先测试"/etc/vsftpd"."/etc/hosts"是否为目录,并通过"$?"变量查看返回状态值,据此判断测试结果. [[email protected] ~]#  [ -d /etc/vsftpd ] [[email protected] ~]# echo $? 1 [[email protected] ~]#  [ -d /etc/hosts ] [[email protected] ~]# echo $? 1 2  测试&quo

dwz框架---(2)表单回调函数

dwz中的表单回调函数大概有以下几种: /** * 普通ajax表单提交 * @param {Object} form * @param {Object} callback * @param {String} confirmMsg 提示确认信息 */ function validateCallback(form, callback, confirmMsg) { var $form = $(form); if (!$form.valid()) { return false; } var _subm

quick lua 3.3常用方法和学习技巧之functions.lua目录

1.functions.lua (framework->functions.lua) 提供一组常用函数,以及对 Lua 标准库的扩展 1.printf 2.checknumber checkint checkbool checktable isset3.深度克隆一个值 clone 4.创建一个类 class 5.载入一个模块 import() 与 require() 功能相同,但具有一定程度的自动化特性 6.将 Lua 对象及其方法包装为一个匿名函数  在 quick-cocos2d-x 中,许

Angular 2.0 文本拖拽

基于Angular7.1和TypeScript实现 Html代码 <div style="padding-left: 0px;"> <div id='contentTem' class='temp-style' contentEditable="true" (drop)="drop($event)" (dragover)="allowDrop($event)" ng-change="changeVa