zoukankan      html  css  js  c++  java
  • Html input 限制输入中英文字符,及字符数量统计

    margin:20px 0px 0px; font-family:Arial; color:rgb(51,51,51)">

    验证用户名的一个例子:

    html:

     <input type="text" value="" name="username" id="username" onblur="checkUser()"/><span id="usertips"></span>


    js:

    function checkUser() 

    {

    var username = $("#username").val();

    if (!username.match( /^[u4E00-u9FA5a-zA-Z0-9_]{3,20}$/)) {
    var msg = "汉字 英文字母 数字 下划线组成,3-20位";
    $("#usertips").html(msg);
    } else {
     $("#usertips").html('');
    }
    }



    1、只允许输入数字 
        <input name="username" type="text" onkeyup="value=this.value.replace(/D+/g,’’)"> 

        2、只允许输入英文字母、数字和下划线(以下二种方法实现) 
        <input name="username" type="text" style="ime-mode:disabled"> 
        <input name="username" type="text" onkeyup="value=value.replace(/[^w./]/ig,’’)"> 

        3、只允许输入英文字母、数字和=@# 
        <input name="username" type="text" onkeyup="value=value.replace(/[^w=@#]|_/ig,’’)"> 

        4、只允许输入汉字 
        <input name="username" type="text" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,’’)"> 
    1、只允许输入数字 
        <input name="username" type="text" onkeyup="value=this.value.replace(/D+/g,’’)"> 

        2、只允许输入英文字母、数字和下划线(以下二种方法实现) 
        <input name="username" type="text" style="ime-mode:disabled"> 
        <input name="username" type="text" onkeyup="value=value.replace(/[^w./]/ig,’’)"> 

        3、只允许输入英文字母、数字和=@# 
        <input name="username" type="text" onkeyup="value=value.replace(/[^w=@#]|_/ig,’’)"> 

        4、只允许输入汉字 
        <input name="username" type="text" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,’’)"> 

    只能输入数字:"^[0-9]*$"。 
    只能输入n位的数字:"^d{n}$"。 
    只能输入至少n位的数字:"^d{n,}$"。 
    只能输入m~n位的数字:。"^d{m,n}$" 
    只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。 
    只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。 
    只能输入有1~3位小数的正实数:"^[0-9]+(.[0-9]{1,3})?$"。 
    只能输入非零的正整数:"^+?[1-9][0-9]*$"。 
    只能输入非零的负整数:"^-[1-9][]0-9"*$。 
    只能输入长度为3的字符:"^.{3}$"。 
    只能输入由26个英文字母组成的字符串:"^[A-Za-z]+$"。 
    只能输入由26个大写英文字母组成的字符串:"^[A-Z]+$"。 
    只能输入由26个小写英文字母组成的字符串:"^[a-z]+$"。 
    只能输入由数字和26个英文字母组成的字符串:"^[A-Za-z0-9]+$"。 
    只能输入由数字、26个英文字母或者下划线组成的字符串:"^w+$"。 
    验证用户密码:"^[a-zA-Z]w{5,17}$"正确格式为:以字母开头,长度在6~18之间,只能包含字符、数字和下划线。 
    验证是否含有^%&',;=?$"等字符:"[^%&',;=?$x22]+"。 

    只能输入汉字:"^[u4e00-u9fa5]{0,}$"

  • 相关阅读:
    什么是高可用性(High Availability)?
    Programer's Tools
    dotnetcore 站点搭建实践
    Nginx使用总结
    小程序开发工具一直登陆不上,提示网络失败
    前端页面JS和CSS以及图片加载nginx报错:net::ERR_CONTENT_LENGTH_MISMATCH的解决与检查
    angualrjs添加ngTouch
    H5自定义金额键盘,改良后ios体验效果流畅
    js生成带有logo的二维码并保存成图片下载
    模仿input闪烁光标
  • 原文地址:https://www.cnblogs.com/james1207/p/3301586.html
Copyright © 2011-2022 走看看