JavaScript设置名字输入不合法的实现方法


Posted in Javascript onMay 23, 2017

html代码:

<tr>
  <th>输入名称:</th>
  <td><input type='text' class='normal' name='name' pattern='required' alt='名称'id="checkText" onblur="checkName()" /><label>* 特价活动名称</label></td>
</tr>

在表单里设置id 和 onblur 事件        onblur:会在对象失去焦点时发生。

javascript代码:

function checkName()  
  {  
  //获取表单ID
   var cashName = document.getElementById("checkText").value; 
   //正则匹配 
   var result=cashName.match(/[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im);  
   if(result!=null) {    
     document.getElementById("checkText").value="";
     alert ("名称不能含有非法字符!");
   }   
  }

以上所述是小编给大家介绍的JavaScript设置名字输入不合法的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
js 分页全选或反选标识实现代码
Aug 09 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
jQuery固定元素插件scrolltofixed使用指南
Apr 21 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
vue登录页面cookie的使用及页面跳转代码
Jul 10 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 Javascript
node.js中express中间件body-parser的介绍与用法详解
May 23 #Javascript
微信小程序request出现400的问题解决办法
May 23 #Javascript
Bootstrap响应式表格详解
May 23 #Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 #Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 #Javascript
详解vue嵌套路由-params传递参数
May 23 #Javascript
详解vue嵌套路由-query传递参数
May 23 #Javascript
You might like
php学习笔记之 函数声明(二)
2011/06/09 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
深入extjs与php参数交互的详解
2013/06/25 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
javascript实现上传图片前的预览(TX的面试题)
2007/08/20 Javascript
js CSS操作方法集合
2008/10/31 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
js取得url地址参数实例
2013/02/22 Javascript
动态添加删除表格行的js实现代码
2014/02/28 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
ES6小技巧之代替lodash
2019/06/07 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
python实现哈希表
2014/02/07 Python
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
python ddt实现数据驱动
2018/03/14 Python
对python中的高效迭代器函数详解
2018/10/18 Python
用python对excel查重
2020/12/07 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
英国儿童鞋和靴子:Start-Rite
2019/05/06 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
餐饮加盟计划书
2014/01/10 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
捐款倡议书
2014/04/14 职场文书
创优争先心得体会
2014/09/11 职场文书
2015年班级元旦晚会活动总结
2014/11/28 职场文书
事业单位岗位说明书
2015/10/08 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书