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 相关文章推荐
javascript的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
JavaScript作用域链示例分享
May 27 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
作为老司机使用 React 总结的 11 个经验教训
Apr 08 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
JS设计模式之数据访问对象模式的实例讲解
Sep 30 Javascript
JS数据类型STRING使用实例解析
Dec 18 Javascript
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
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 number_format() 函数定义和用法
2012/06/01 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
2011/02/23 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
2012/08/14 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
2014/01/24 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
react-router中的属性详解
2017/06/01 Javascript
JS实现多物体运动的方法详解
2018/01/23 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
python 查找字符串是否存在实例详解
2017/01/20 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
python加载自定义词典实例
2019/12/06 Python
关于Pytorch MaxUnpool2d中size操作方式
2020/01/03 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
使用HTML5和CSS3表单验证功能
2017/05/05 HTML / CSS
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
古驰英国官网:GUCCI英国
2020/03/07 全球购物
商务英语本科生的自我评价分享
2013/11/15 职场文书
演讲稿开场白
2014/01/13 职场文书
安全生产投入制度
2014/01/29 职场文书
求职简历自我评价范文
2015/03/10 职场文书
初婚初育证明范本
2015/06/18 职场文书
小学数学教师研修日志
2015/11/13 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
Python OpenCV 彩色与灰度图像的转换实现
2021/06/05 Python
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL
从QQtabBar看css命名规范BEM的详细介绍
2021/08/07 HTML / CSS
Python中第三方库Faker的使用详解
2022/04/02 Python