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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
XML的代替者----JSON
Jul 21 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 Javascript
小巧强大的jquery layer弹窗弹层插件
Dec 06 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
Jan 26 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
一步步教你利用Docker设置Node.js
Nov 20 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
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
javascript中节点的最近的相关节点访问方法
2013/03/20 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
jupyter notebook实现显示行号
2020/04/13 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
基于Html5实现的语音搜索功能
2019/05/13 HTML / CSS
建筑行业的大学生自我评价
2013/12/08 职场文书
微型企业创业投资计划书
2014/01/10 职场文书
前处理班长职位说明书
2014/03/01 职场文书
企业承诺书格式范文
2015/04/28 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python
Python爬取某拍短视频
2021/06/11 Python
Java并发编程必备之Future机制
2021/06/30 Java/Android
科学家研发出新型速效酶,可在 24 小时内降解塑料制品
2022/04/29 数码科技