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. QQ添加好友代码

    QQ添加好友代码 复制代码 代码如下: a href=tencent://AddContact/?fromId=50fromSubId=1subcmd=alluin=12345678加个好友吧/a

  2. JS兼容多种浏览器的设为首页和加入收藏夹代码

    JS兼容多种浏览器的设为首页和加入收藏夹代码，设为首页和加入收藏夹分别对应两个函数setHomePage，addFavorite。 示例代码： 设为首页:a href=javascript:; onclick=setHomePage(http://www.120muban.com/);设为首页/a 加入收藏夹:a href=javascript:; oncl

  3. 空间绑定多个域名 添加统计代码的方法

    医疗建站中很多时候我们会在一个空间上绑定多个域名，但是希望给每个域名单独添加统计代码，下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。 其实只需要通过JS来判断当前的网页域名，根据域名的不同输出不同的统计代码即可； 复制代码 代码如

  4. JS判断手机访问函数

    函数is_mobile()手机端返回true，PC端返回false，根据返回值来判断时候是手机端访问，然后做相应的操作。 复制代码 代码如下: script function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browse

  5. 网站新信息标题闪烁效果实现

    网站新信息标题闪烁效果实现，很简单的一个功能，但是非常的实用，能够吸引访客注意，有效提高转化。 效果图:

随机推荐

  1. QQ添加好友代码

    QQ添加好友代码 复制代码 代码如下: a href=tencent://AddContact/?fromId=50fromSubId=1subcmd=alluin=12345678加个好友吧/a

  2. JS兼容多种浏览器的设为首页和加入收藏夹代码

    JS兼容多种浏览器的设为首页和加入收藏夹代码，设为首页和加入收藏夹分别对应两个函数setHomePage，addFavorite。 示例代码： 设为首页:a href=javascript:; onclick=setHomePage(http://www.120muban.com/);设为首页/a 加入收藏夹:a href=javascript:; oncl

  3. 空间绑定多个域名 添加统计代码的方法

    医疗建站中很多时候我们会在一个空间上绑定多个域名，但是希望给每个域名单独添加统计代码，下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。 其实只需要通过JS来判断当前的网页域名，根据域名的不同输出不同的统计代码即可； 复制代码 代码如

  4. JS判断手机访问函数

    函数is_mobile()手机端返回true，PC端返回false，根据返回值来判断时候是手机端访问，然后做相应的操作。 复制代码 代码如下: script function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browse

  5. 网站新信息标题闪烁效果实现

    网站新信息标题闪烁效果实现，很简单的一个功能，但是非常的实用，能够吸引访客注意，有效提高转化。 效果图: