• 限制Input输入类型的常见代码集合


    搜集整理常见的限制INPUT输入类型的实现方式:

    1.只能输入和粘贴汉字

    <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text'.clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"><br/>

    u4E00-u9FA5  是两个unicode值,在unicode表中汉字的头和尾。

    2.只能输入和粘贴数字

    <input onkeyup="value=value.replace(/[^d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"><br/>

    3.只能输入数字和英文

    <input onkeyup="value=value.replace(/[w]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"><br/>

    4.只能输入全角的

    <input onkeyup="value=value.replace(/^uFF00-uFFFF/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/^uFF00-uFFFF/g,''))">

    5.数字脚本

    <input onkeyup="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>

    6.禁止输入汉字

    <input style="ime-mode:disabled">输入法不可转换,但可粘贴上<br/>

    7.输入数字和小数点

    <input onkeyup="value=value.replace(/[^d{1,}.d{1,}|d{1,}]/g,'')"/><br/>

    8.只能数字和"-".例如在输入时间的时候使用

    <input onkeyup="value=value.replace(/[^w&=]|_/ig,'')" onblur="value=value.replace(/[^w&_]/ig,'')"/>

    具体案例:

    1.检验是否全由数字组成

    /^[0-9]{1,20}$/

    2.校验登录名

    只能输入5-20个以字母开头、可带数字、'_'、' . '的字串

    /^[a-zA-Z]{1}([a-zA-Z]|[._]){4,19}$/

    3.检验用户姓名:只能输入1-30个以字母开头的字串

    /^[a-zA-Z]{1,30}$/

    4.检验密码:只能输入6-20个字母、数字、下划线

    /^(w){6,20}$/

    5.校验普通电话、传真号码:可以'+'或数字开头,可含有'-'和' '

    /^[+]{0,1}(d){1,3}[]?[-]?)((d)|[]){1,12})+$/

    6.校验URL

    /^http[s]{0,1}://.+$/或/^http[s]{0,1}://.{1,n}$/(url串的长度为length('http://')+n)

    /:表示字符"/"

    .:表示所有字符的集;

    +等同于{1,},就是1到正无穷。

    7.校验纯中文字符

    /^[u4E00-u9FA5]+$/

  • 相关阅读:
    JavaScript 之 typeof
    Octotree Chrome安装与使用方法
    支持主流MySQL中间件的数据迁移工具ora2mysql
    Eclipse搭建SpringBoot之HelloWorld
    Spring Boot插件spring tool suite安装及使用
    树的前中后序遍历非递归实现
    判断是否是完全二叉树
    Leetcode 437_path sum III todo
    DFS回溯只在递归基回溯————leetcode112
    Leetcode 94 Binary Tree Inorder
  • 原文地址:https://www.cnblogs.com/lionisnotkitty/p/5983944.html
Copyright © 2020-2023  润新知