html5输入框正则验证

模板网 2014-09-01
input输入框使用html5的一个新属性pattern来限制输入的内容,本例中的限制条件是 只能输入字母、数字和下划线,字数最少4个,最多不超过18个,同时添加了输入框禁止粘贴,禁止右键菜单。
<input type="text" id="username" name="username" pattern="^([A-Za-z_0-9]){4,18}$" title="只能输入字母、数字和下划线,字数最少4个,最多不超过18个" style="ime-mode:disabled" size="40" value="" class="inputbox required validate-username" maxlength="25" onpaste="return false" ondragenter="return false" oncontextmenu="return false;">

相关文章

  1. 从腾讯网提取的判断手机端访问跳转代码

    从腾讯网提取的判断手机端访问跳转代码,使用了一个正则表达式来判断浏览器的navigator.userAgent标志,来确认访问终端,从而做出相应的操作。 代码简单,注释详细,容易理解。 复制代码 代码如下: script type=text/javascript if(/Android|Windows Phone|w

  2. 标题滚动效果演示

    纯JS实现的标题滚动效果。代码如下: 复制代码 代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script

  3. JS实现百叶窗效果

    JS实现百叶窗效果,适合做专家介绍,设备技术等介绍效果。效果演示中使用的是纯色图片,将对应的图片替换即可。 引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ,演示效果中为方便起见将slider.js中的代码整合到

  4. JS cookie操作函数

    JS cookie操作函数,Cookie增加,读取,删除。 复制代码 代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;

  5. JS闪屏代码,闪瞎你的眼睛

    JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。

随机推荐

  1. 从腾讯网提取的判断手机端访问跳转代码

    从腾讯网提取的判断手机端访问跳转代码,使用了一个正则表达式来判断浏览器的navigator.userAgent标志,来确认访问终端,从而做出相应的操作。 代码简单,注释详细,容易理解。 复制代码 代码如下: script type=text/javascript if(/Android|Windows Phone|w

  2. 标题滚动效果演示

    纯JS实现的标题滚动效果。代码如下: 复制代码 代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script

  3. JS实现百叶窗效果

    JS实现百叶窗效果,适合做专家介绍,设备技术等介绍效果。效果演示中使用的是纯色图片,将对应的图片替换即可。 引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ,演示效果中为方便起见将slider.js中的代码整合到

  4. JS cookie操作函数

    JS cookie操作函数,Cookie增加,读取,删除。 复制代码 代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;

  5. JS闪屏代码,闪瞎你的眼睛

    JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。