input各种筛选

最新推荐文章于 2023-10-07 09:47:50 发布

Zyl_CN

最新推荐文章于 2023-10-07 09:47:50 发布

阅读量891

点赞数

分类专栏： JavaScript 小练习

JavaScript 同时被 2 个专栏收录

55 篇文章

订阅专栏

小练习

32 篇文章

订阅专栏

本文详细介绍了使用JavaScript控制文本框输入的方法，包括限制输入为数字、小数、英文、中文等，通过正则表达式实现对输入内容的有效过滤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.标签上直接替换方法：

JS 控制不能输入特殊字符

<input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')"；
this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')

JS 控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

JS 控制文本框只能输入数字、小数点

<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')">

JS 控制文本框只能输入英文

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS 控制文本框只能输入英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

JS 控制文本框只能输入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字、空格

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">

JS 控制文本框只能输入中文、英文、数字、小数点

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">

2.输入之后立即清除：

验证输入框内不能输入特殊字符,输入就立刻清除

     function cleanSpelChar(th){     
        if(/["'<>%;)(&+]/.test(th.value)){           
        $(th).val(th.value.replace(/["'<>%;)(&+]/,""));     
        } 
    }

3.如果是特殊字符，禁止输入：

验证输入框内不能输入特殊字符，输入前先作判断

function processSpelChar(){     
    var code;     var character;    
     if(document.all){         
        code = window.event.keyCode;     
    }else{         
        code = arguments.callee.caller.arguments[0].which;    
     }     
    var character = String.fromCharCode(code);     
    var txt = new RegExp(/["'<>%;)(&+]/);    
     if(txt.test(character)){         
            if(document.all){             
            window.event.returnValue = false;       
          }else{            
             arguments.callee.caller.arguments[0].preventDefault();       
      }     
    } 
}