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. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

  2. JS强制弹出QQ对话框

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

  3. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  4. JS手机端跳转代码

    JS手机端跳转代码,通过判断浏览器版本来判断是手机端还是PC端,然后可以做相应的操作。 能够判断IE内核,opera内核,苹果、谷歌内核,火狐内核,是否为移动终端 ,android终端或者uc浏览器,是否为iPhone或者QQHD浏览器,是否iPad,是否web应该程序,没有头

  5. 移动端全屏滚动插件 zepto.fullpage.js

    zepto.fullpage 是专注于移动端的 fullPag e.js ,依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。 兼容性 Ios4+ Andriod2.3+(未全部覆盖) 快速

随机推荐

  1. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

  2. JS强制弹出QQ对话框

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

  3. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  4. JS手机端跳转代码

    JS手机端跳转代码,通过判断浏览器版本来判断是手机端还是PC端,然后可以做相应的操作。 能够判断IE内核,opera内核,苹果、谷歌内核,火狐内核,是否为移动终端 ,android终端或者uc浏览器,是否为iPhone或者QQHD浏览器,是否iPad,是否web应该程序,没有头

  5. 移动端全屏滚动插件 zepto.fullpage.js

    zepto.fullpage 是专注于移动端的 fullPag e.js ,依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。 兼容性 Ios4+ Andriod2.3+(未全部覆盖) 快速