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高级技巧分享
Feb 25 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
Nov 04 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
AngularJS全局scope与Isolate scope通信用法示例
Nov 22 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
Apr 03 Javascript
如何阻止小程序遮罩层下方图层滚动
Sep 05 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 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
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
php实现修改新闻时删除图片的方法
2015/05/12 PHP
php中memcache 基本操作实例
2015/05/17 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
关于php开启错误提示的总结
2019/09/24 PHP
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
jQuery给表格添加分页效果
2017/03/02 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
2017/12/11 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
使用p5.js临摹动态图片
2019/11/04 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
python求pi的方法
2014/10/08 Python
python中urllib.unquote乱码的原因与解决方法
2017/04/24 Python
python 通过xml获取测试节点和属性的实例
2018/03/31 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
Django Admin中增加导出Excel功能过程解析
2019/09/04 Python
Python docutils文档编译过程方法解析
2020/06/23 Python
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
难忘的一课教学反思
2014/04/30 职场文书
小学节能减排倡议书
2014/05/15 职场文书
爱护公物演讲稿
2014/09/09 职场文书
大学新生军训自我鉴定范文
2014/09/13 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python