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. nTabs纯JS实现的标签切换功能代码

    nTabs纯JS实现的标签切换功能代码，使用非常方便。

  2. JS强制弹出QQ对话框

    JS强制弹出QQ对话框，需要访客电脑上已安装QQ，并且浏览器中启用了QQ对话插件（基本99%的访客满足条件）。 复制代码 代码如下: script //采用定时器延时弹出，不想延时可去除定时器，直接使用以下代码 //window.location.href = tencent://message/?uin=1413

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

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

  4. JS禁止复制网站文章代码

    JS禁止复制网站文章代码，可以实现网页上的文本无法复制，在网页上右键不显示弹出菜单。 实现原理是在网页的body标签中添加一下代码： 复制代码 代码如下: onmouseup=document.selection.empty() oncontextmenu=return false onselectstart=return false ond

  5. 不错的医院页面挂号下拉效果

    不错的医院页面挂号下拉效果，仅供参考。 效果截图：

随机推荐

  1. nTabs纯JS实现的标签切换功能代码

    nTabs纯JS实现的标签切换功能代码，使用非常方便。

  2. JS强制弹出QQ对话框

    JS强制弹出QQ对话框，需要访客电脑上已安装QQ，并且浏览器中启用了QQ对话插件（基本99%的访客满足条件）。 复制代码 代码如下: script //采用定时器延时弹出，不想延时可去除定时器，直接使用以下代码 //window.location.href = tencent://message/?uin=1413

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

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

  4. JS禁止复制网站文章代码

    JS禁止复制网站文章代码，可以实现网页上的文本无法复制，在网页上右键不显示弹出菜单。 实现原理是在网页的body标签中添加一下代码： 复制代码 代码如下: onmouseup=document.selection.empty() oncontextmenu=return false onselectstart=return false ond

  5. 不错的医院页面挂号下拉效果

    不错的医院页面挂号下拉效果，仅供参考。 效果截图：