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 相关文章推荐
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
JavaScript中使用Math.PI圆周率属性的方法
Jun 14 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
简单了解TypeScript中如何继承 Error 类
Jun 21 Javascript
Vue实现日历小插件
Jun 26 Javascript
微信小程序设置滚动条过程详解
Jul 25 Javascript
JavaScript实现刮刮乐效果
Nov 01 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 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
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
随机广告显示(PHP函数)
2006/10/09 PHP
用PHP为SHOPEX增加日志功能代码
2010/07/02 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
javascript常用方法总结
2015/05/14 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
javascript实现连续赋值
2015/08/10 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
详解Python中的相对导入和绝对导入
2017/01/06 Python
python的exec、eval使用分析
2017/12/11 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
Django之PopUp的具体实现方法
2019/08/31 Python
python web框架中实现原生分页
2019/09/08 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
内部类的定义、种类以及优点
2013/10/16 面试题
毕业学生推荐信
2013/12/01 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
2014大学生职业生涯规划书最新范文
2014/09/13 职场文书
群众路线调研报告范文
2014/11/03 职场文书
小学语文教学随笔
2015/08/14 职场文书
python中pycryto实现数据加密
2022/04/29 Python
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL