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样式实现
May 29 Javascript
JavaScript设计模式之外观模式实例
Oct 10 Javascript
JavaScript中Function详解
Feb 27 Javascript
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
纯js代码生成可搜索选择下拉列表的实例
Jan 11 Javascript
微信小程序分享海报生成的实现方法
Dec 10 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
iview实现图片上传功能
Jun 29 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 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面向对象编程快速入门
2006/12/14 PHP
php数组函数序列之array_key_exists() - 查找数组键名是否存在
2011/10/29 PHP
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
过虑特殊字符输入的js代码
2010/08/05 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
javascript相等运算符与等同运算符详细介绍
2013/11/09 Javascript
js定时器的使用(实例讲解)
2014/01/06 Javascript
javascript动态添加删除tabs标签的方法
2015/07/06 Javascript
谈谈JavaScript自定义回调函数
2015/10/18 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
解决JS外部文件中文注释出现乱码问题
2017/07/09 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
Python中使用partial改变方法默认参数实例
2015/04/28 Python
python3调用windows dos命令的例子
2019/08/14 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
python super的使用方法及实例详解
2019/09/25 Python
python读取与处理netcdf数据方式
2020/02/14 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
编程实现去掉XML的重复结点
2014/05/28 面试题
值传递还是引用传递
2015/02/08 面试题
教师年终个人自我评价
2013/10/04 职场文书
客服部工作职责范本
2014/02/14 职场文书
竞选学委演讲稿
2014/09/13 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书