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实现表单步骤流程导航代码分享
Aug 28 Javascript
js实现炫酷的左右轮播图
Jan 18 Javascript
微信小程序封装http访问网络库实例代码
May 24 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
详解package.json版本号规则
Aug 01 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
Vue组件化开发之通用型弹出框的实现
Feb 28 Javascript
详解element上传组件before-remove钩子问题解决
Apr 08 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
javascript对象3个属性特征
Nov 17 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 信息采集程序代码
2009/03/17 PHP
PHP 中执行排序与 MySQL 中排序
2009/04/21 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
php实现的递归提成方案实例
2015/11/14 PHP
php数组函数array_key_exists()小结
2015/12/10 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
JS Replace()的高级使用方法介绍
2013/06/29 Javascript
javascript 按键事件(兼容各浏览器)
2013/12/20 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
理解javascript对象继承
2016/04/17 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
AngularJS 模块详解及简单实例
2016/07/28 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
Vue.js项目模板搭建图文教程
2017/09/20 Javascript
vue中v-model的应用及使用详解
2018/06/27 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
vue 实现图片懒加载功能
2020/12/31 Vue.js
python实现倒计时的示例
2014/02/14 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
python 中xpath爬虫实例详解
2019/08/26 Python
基于python中__add__函数的用法
2019/11/25 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
Ajax的优点和缺点
2014/11/21 面试题
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
工商管理专业自荐信
2014/06/03 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server