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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
日期 时间js控件
May 07 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
JSON取值前判断
Dec 23 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
js实现tab切换效果实例
Sep 16 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
vue v-for 使用问题整理小结
Aug 04 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个人网站架设连环讲(二)
2006/10/09 PHP
PHP实现MVC开发得最简单的方法――模型
2007/04/10 PHP
数据库中排序的对比及使用条件详解
2012/02/23 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
IE与FireFox中的childNodes区别
2011/10/20 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
几行js代码实现自适应
2017/02/24 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
2019/07/20 Javascript
[01:44]Ti10举办地公布
2019/08/25 DOTA
python高并发异步服务器核心库forkcore使用方法
2013/11/26 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Tensorflow使用Anaconda、pycharm安装记录
2020/07/29 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
毕业生在校学习的自我评价分享
2013/10/08 职场文书
优秀英语专业毕业生求职信
2013/11/23 职场文书
绩效专员岗位职责
2013/12/02 职场文书
创业计划书怎样才能打动风投
2014/01/01 职场文书
农村面貌改造提升实施方案
2014/03/18 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
助学金感谢信
2015/01/20 职场文书
毕业生党员个人总结
2015/02/14 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python
tree shaking对打包体积优化及作用
2022/07/07 Java/Android