JavaScript设置名字输入不合法的实现方法
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设置名字输入不合法的实现方法
html代码: <tr> <th>输入名称:</th> <td><input type='text' class='normal' name='name' pattern='required' alt='名称'id="checkText" onblur="checkName()" /><label>* 特价活动名称</label></td> </tr> 在表单
-
javascript设置和获取cookie的方法实例详解
本文实例讲述了javascript设置和获取cookie的方法.分享给大家供大家参考,具体如下: 1. 设置cookie function setCookie(cookieName,cookieValue,cookieExpires,cookiePath) { cookieValue = escape(cookieValue);//编码latin-1 if(cookieExpires=="") { var nowDate = new Date(); nowDate.setMonth(n
-
javascript设置文本框光标的方法实例小结
本文实例总结了javascript设置文本框光标的方法.分享给大家供大家参考,具体如下: 对于text //得到光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange
-
JavaScript设置表单上传时文件个数的方法
本文实例讲述了JavaScript设置表单上传时文件个数的方法.分享给大家供大家参考.具体如下: 这是一个比较实用的功能,用JavaScript来设置表单上传文件时,根据需要生成上传表单,要几个生成几个,在网易邮箱.新浪邮箱的添加附件功能里都有这种功能,不过这一款没有删除表单的功能,如果输入的多了,只好重新来过啦 运行效果如下图所示: 具体代码如下: <title>JavaScript设置表单上传时的文件个数</title> <input type="button&
-
JavaScript动态提示输入框输入字数的方法
本文实例讲述了JavaScript动态提示输入框输入字数的方法.分享给大家供大家参考.具体如下: 在QQ空间里有小纸条那么一个功能,随着你在文本框中输入多少字,上面会动态提示你"已经输入多少字"和"还可以输入多少字",觉得挺好的,所以自己也试着做做,呵呵. 开始,我想很多人第一感觉就是通过js的 onkeydown或者onkeyup来做,中发现还可以用focus + setInterval() +blur来达到我们需要的效果,于是很快的我利用这种方法自己粗糙的写
-
javascript简单判断输入内容是否合法的方法
本文实例讲述了javascript简单判断输入内容是否合法的方法.分享给大家供大家参考,具体如下: 关于检测用户输入的内容是否有非法的字符检测实现思路 1.定义合法的字符串(源字符串) 2.获取用户输入的内容 3.循环的取出用户输入的每一个字符,去源字符串中查找 1).查找到了,返回字符串查找的位置 2).没有找到返回-1,我们正好利用-1检测用户输入的内容是否合法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//
-
Javascript控制input输入时间格式的方法
本文实例讲述了Javascript控制input输入时间格式的方法.分享给大家供大家参考.具体分析如下: 之前做了一个Javascript控制时间格式的输入,主要用到了keydown和keyup两个事件,但感觉写的很复杂而且还有bug. 今日了解了一下keypress事件与keydown和keyup的区别.大致如下(目前只了解这么多): keydown:按键按下的时候触发,通过event可以获取到keyCode,可以获取到文本框输入之前的值: keyup:按键弹出(松开)时触发,通过event可
-
javascript设置页面背景色及背景图片的方法
本文实例讲述了javascript设置页面背景色及背景图片的方法.分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus
-
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
最近做微信端的页面遇到了一个之前没有遇到过的一个页面,刚开始放在那没有去写,可是等其他页面都写好的时候,还是得回过头来研究这个页面问题,刚开始我请教了公司的移动研发,从他那里得到启发,最终实现了这个效果,先把效果图展示出来给大家看看 效果图: 输入验证码 输入完毕 下面就把实现过程奉献给大家 第一步:编写HTML代码 <div class="main-out"> <p class="identifying-title">输入企业提供的验证码,
-
JavaScript设置body高度为浏览器高度的方法
本文实例讲述了JavaScript设置body高度为浏览器高度的方法.分享给大家供大家参考.具体实现方法如下: div节点高度要实现百分比,其父节点必须要有确定的高度.所以在body节点下的子节点若想要用百分比来确定高度时,就必须给body给定一个高度. 复制代码 代码如下: <script> setTimeout(function(){ document.getElementsByTagName('body')[0].style.height =
随机推荐
- Linux traceroute命令使用方法实例详解
- Oracle字符集修改查看方法
- 《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
- WAMPserver配置方法(允许外部访问、phpmyadmin设置为输入用户名密码才可登录等)
- 在CODEIGNITER中 在CI中引入外部的JS与CSS呢
- PHP实现动态web服务器方法
- 微信第三方登录Android实现代码
- 详解Docker学习笔记之搭建一个JAVA Tomcat运行环境
- 使用phantomjs进行网页抓取的实现代码
- Shell中实现飞行文字效果
- 一键配置CentOS iptables防火墙的Shell脚本分享
- Ajax获取页面被缓存的解决方法
- ajax接收Date类型的数据时会把数据转换为时间戳
- JavaScript实现定时页面跳转功能示例
- MongoDB使用小结:一些不常见的经验分享
- thinkPHP删除前弹出确认框的简单实现方法
- 解决Jstree 选中父节点时被禁用的子节点也会选中的问题
- thinkPHP框架自动填充原理与用法分析
- 基于Python 装饰器装饰类中的方法实例
- 解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题