輸入框中的內容輸入限制JS,自動過濾非允許的內容

來源:互聯網
上載者:User

JS判斷只能是數字和小數點

1.文字框只能輸入數字代碼(小數點也不能輸入)

<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

 

2.只能輸入數字,能輸小數點.

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(//D/.test(this.value)){alert('只能輸入數字');this.value='';}">

 

3.數字和小數點方法二

<input type=text t_value="" o_value=""
onkeypress="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else
this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value"
onkeyup="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else
this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value"
onblur="if(!this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?|/./d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^/./d+$/))this.value=0+this.value;if(this.value.match(/^/.$/))this.value=0;this.o_value=this.value}">

 

4.只能輸入字母和漢字

<input onkeyup="value=value.replace(/[/d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))"
maxlength=10 name="Numbers">

 

5.只能輸入英文字母和數字,不能輸入中文

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

 

6.只能輸入數字和英文
<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^/d|chun]/g,'')">

 

7.小數點後只能有最多兩位(數字,中文都可輸入),不能輸入字母和運算子號:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57)
&& event.keyCode!=46 ||
//./d/d$/.test(value))event.returnValue=false">

 

8.小數點後只能有最多兩位(數字,字母,中文都可輸入),可以輸入運算子號:

<input onkeyup="this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">

只能是數字和小數點和加減乘際

onkeypress="return event.keyCode>=4&&event.keyCode<=57"

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.