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 相关文章推荐
DOM 中的事件处理介绍
Jan 18 Javascript
js控制滚动条缓慢滚动到顶部实现代码
Mar 20 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
javascript跨域的方法汇总
Oct 23 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
vue 将页面公用的头部组件化的方法
Dec 18 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 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提示无法加载或mcrypt没有找到 PHP 扩展 mbstring解决办法
2012/03/27 PHP
php 多关键字 高亮显示实现代码
2012/04/23 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
PHP中常见的缓存技术实例分析
2015/09/23 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
Django实现表单验证
2018/09/08 Python
Django stark组件使用及原理详解
2019/08/22 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
中学生爱国演讲稿
2013/12/31 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
环保口号大全
2014/06/12 职场文书
2015年小学开学寄语
2015/02/27 职场文书
2015年幼儿园中班工作总结
2015/04/25 职场文书
2016元旦主持人开场白
2015/12/03 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
javascript的setTimeout()使用方法总结
2021/11/20 Javascript