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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
一文读懂ES7中的javascript修饰器
May 06 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
Dec 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
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
5 cool javascript apps
2007/03/24 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
JavaScript从数组中删除指定值元素的方法
2015/03/18 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
2019/07/12 jQuery
axios解决高并发的方法:axios.all()与axios.spread()的操作
2020/11/09 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
Python中删除文件的程序代码
2011/03/13 Python
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
分享Python字符串关键点
2015/12/13 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
python做反被爬保护的方法
2019/07/01 Python
python实现翻转棋游戏(othello)
2019/07/29 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
员工培训邀请函
2014/01/11 职场文书
校运会广播稿100字
2014/01/27 职场文书
责任书范本
2014/08/25 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
React forwardRef的使用方法及注意点
2021/06/13 Javascript