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的一个简单的脚本验证插件
Apr 05 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
ie中js创建checkbox默认选中问题探讨
Oct 21 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
json 带斜杠时如何解析的实现
Aug 12 Javascript
layui 实现table翻页滚动条位置保持不变的例子
Sep 05 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二分法在IP地址查询中的应用
2008/08/12 PHP
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
学习php分页代码实例
2013/10/24 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
JavaScript中常见的字符串操作函数及用法汇总
2015/05/04 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
JS快速实现简单计算器
2020/04/08 Javascript
python实现将内容分行输出
2015/11/05 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
个人简历自我评价
2014/01/06 职场文书
员工团队活动方案
2014/08/28 职场文书
西柏坡观后感
2015/06/08 职场文书
党员公开承诺书2016
2016/03/24 职场文书
2016年圣诞节义工活动总结
2016/04/01 职场文书
详解Redis基本命令与使用场景
2021/06/01 Redis
SQL 聚合、分组和排序
2021/11/11 MySQL
【海涛dota解说】DCG联赛第一周 LGD VS DH
2022/04/01 DOTA
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技