input输入时使用正则表达式进行限制

<table class="table_std">
    <tr>
        <th scope="row">会员ID</th>
        <td>
            <input type="text" name="comId" size="30" onkeyup="value=value.replace(/[^\w+\uFF10-\uFF19]+/g,‘‘)" value="<s:property value="comId" />" class="inp" id="comId"/>
            <span class="small"></span>
            <input type="hidden" name="userAgent" id="userAgent"/>
        </td>
    </tr>
    <tr class="gray">
        <th scope="row">登录ID</th>
        <td>
            <input id="loginId" type="text" name="login" size="30" class="inp"  value="<s:property value="loginName" />" />
            <span class="small"></span>
        </td>
    </tr>
    <tr>
                        <th scope="row">日期</th>
                        <td><s:textfield key="condition.openStartDtm" size="10"
                            cssClass="inp" maxlength="10" id="admission_from" />  </td>
                    </tr>

                    <tr class="gray">
                        <th scope="row">显示件数</th>
                        <td><s:textfield key="condition.pageNumber" size="5" id="pageNumber" 
                            maxlength="3" cssClass="inp" /> &nbsp;件<span class="small">
                        例)100</span> <s:fielderror fieldName="condition.pageNumber" /></td>
                    </tr>
</table>

<script type="text/javascript">
$(function(){
    //显示件数,只能输入半角数字,全角数字
    $("#pageNumber").bind(‘input propertychange‘, function() {  
    	$(this).val($(this).val().replace(/[^0-9+^\uFF10-\uFF19]+/g,‘‘));
    });
    
    //日期只能输入全角,半角数字和‘/‘
    $("#admission_from").bind(‘input propertychange‘,function(){
    	$(this).val($(this).val().replace(/[^0-9+\/+^\uFF10-\uFF19]+/g,‘‘));
    });
    
    //登录ID 只能输入半角英文,全角半角数字
    $(‘#loginId‘).bind(‘input propertychange‘, function() {  
		$(this).val($(this).val().replace(/[^\w+\uFF10-\uFF19]+/g,‘‘));
	}); 
}
</script>

使用JS限制input输入框只允许中文汉字、数字、整数等效果,多款代码如下:

其一,只允许输入数字和小数点。

<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来

<script> 
function check(){ 
if (isNaN(tt.value)) 
{alert("非法字符!"); 
tt.value="";} 

</script> 
<input type="text" name="tt" onkeyup="check();">

其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

<script language=javascript> 
function onlyNum() 

if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) 
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) 
event.returnValue=false; 

</script><input onkeydown="onlyNum();" style="ime-mode:Disabled> 
结语,其实

style="ime-mode:Disabled 
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

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

只允许输入英文字母、数字和下划线(以下二种方法实现) 
<input name="userna其一,只允许输入数字和小数点。 
<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来

<script> 
function check(){ 
if (isNaN(tt.value)) 
{alert("非法字符!"); 
tt.value="";} 

</script> 
<input type="text" name="tt" onkeyup="check();">

其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

<script language=javascript> 
function onlyNum() 

if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) 
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) 
event.returnValue=false; 

</script><input onkeydown="onlyNum();" style="ime-mode:Disabled> 
结语,其实

style="ime-mode:Disabled 
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

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

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

只允许输入英文字母、数字和&[email protected] 
<input name="username" type="text" onkeyup="value=value.replace(/[^\[email protected]&]|_/ig,‘‘)">

只允许输入汉字 
<input name="username" type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,‘‘)"> 
me" type="text" style="ime-mode:disabled"> 
<input name="username" type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,‘‘)">

只允许输入英文字母、数字和&[email protected] 
<input name="username" type="text" onkeyup="value=value.replace(/[^\[email protected]&]|_/ig,‘‘)">

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

转载自:http://www.cnblogs.com/xujh/archive/2008/08/21/1273525.html

js各类正则表达式(中文、字母、数字、全角) 参照:

http://blog.csdn.net/jdzms23/article/details/12425919

时间: 2024-12-23 19:50:40

input输入时使用正则表达式进行限制的相关文章

实现input输入时智能搜索

// 智能搜索 function oSearchSuggest(searchFuc) { var input = $('#in'); var suggestWrap = $('#gov_search_suggest'); var key = ""; var init = function(){ input.bind('keyup',sendKeyWord); input.bind('blur',function(){setTimeout(hideSuggest,100);}) } va

input输入时软键盘回车显示搜索

很多时候我们会看到输入法里面回车是搜索等字眼,今天我们就来实现这个效果 原本的效果: <form action=""> <input type="search" value='搜索'> </form> 只需要以上几行代码即可实现,不信?试试看吧

input输入时自动联想

$("#orgName").bind('input propertychange',function(){ var words = $("#orgName").val(), url = "/member2/person/searchOrg"; $.ajax({ type: 'POST', url: url, data: {keys:words}, dataType: 'json', success: function(data){ if(data

正则表达式控制Input输入内容 ,js正则验证方法大全

https://blog.csdn.net/xushichang/article/details/4041507 正则表达式控制Input输入内容 2009年04月01日 17:15:00 阅读数:21747 不能输入中文 <input type="text" name="textfield"  onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,'');"/>只能输入 数字和下划

限制input输入类型(多种方法实现)

转自 http://blog.csdn.net/txqd1989/article/details/51697585 1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))

正则及JS限制input输入类型

1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"><br/> 3.只能输入和粘贴数字 <input onkeyup="this

【转】unity3d input输入

Input 输入 按键 Input.GetKey(“up”) = Input.GetKey(KeyCode.UpArrow) 按住键盘上键 Input.GetKeyDown (“up”) 按下键盘上键 Input.GetKeyUp (“up”) 放开键盘上键 (KeyCode.UpArrow)为键码 Input.GetButton(“ ”) = Input.GetKey(“ ”) 两种几乎相同(目前没发现差异) Input.GetButton一样会有分Input.GetButtonDown & 

Ext,保存输入记录并在输入时进行提示

Ext的ComboBox组件用法很多,通过配置可以让其变成一个输入框,并且可以存储输入的记录,然后再之后的输入中根据记录进行提示,以提高输入操作的用户体验. 代码很简单,基本操作如下: // 输入提示 Ext.create("Ext.form.ComboBox", { renderTo: "放置的组件ID", name: "input", labelWidth: 40, width: 400, hideEmptyLabel: true, // 隐

JS实现在输入框内输入@时,邮箱账号自动补全

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/> <title>邮箱自动补全</title> <style type="text/css"> .wrap{width:200px;margin:0 auto;} h1{font-size:36px;text-align:center;lin