js控制輸入框的值_如何用js實現給某個文本框賦值

A. js實現下拉列表控制文本框是否輸入值

用JS判斷下拉框是否選中，下面例子中，如果下拉框的值是空的，那麼會彈出一個提示框，如果選中了值，那麼就執行代碼了，參考如下：
<title>Js判斷下拉框</title>
<script>
function ss(){
var slt=document.getElementById("aa");
if(slt.value==""){
alert("請選擇一個項目");
return false;
}
return true;
}
</script>
<form method=post onsubmit=" return ss()">
<select id="aa">
<option value="">請選擇</option>
<option value="1s">一</option>
<option value="2u">二</option>
</select>
<input type=submit value="提交">
</form>

B. JS 對輸入框進行限制(常用的都有)

本文為大家介紹下使用js對輸入框進行限制文本框只拍禪能輸入數字代碼只能輸入數字只能輸入字母和漢字只能輸入英文字母和數字等等還有很多感興趣的可以學習下

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

復制代碼代碼如下: <input onkeyup="this value=this value replace(/D/g )" onafterpaste="this value=this value replace(/D/g )">

只能輸入數字能輸小數點

復制代碼代碼如下: <input onkeyup="if(isNaN(value))execCommand( undo )" onafterpaste="if(isNaN(value))execCommand( undo )"> <input name=txt onchange="if(/D/ test(this value)){alert( 只能輸入數字 );this value= ;}">

數字和小數判擾點方法二

復制代碼代碼如下: <input type=text tvalue="" ovalue="" onkeypress="if(!this value match(/^[+ ]?d*? ?d*?$/))this value=this t_value;else this tvalue=this value;if(this value match(/^(?:[+ ]?d+(?: d+)?)?$/))this ovalue=this value" onkeyup="if(!this value match(/^[+ ]?d*? ?d*?$/))this value=this t_value;else this tvalue=this value;if(this value match(/^(?:[+ ]?d+(?: d+)?)?$/))this ovalue=this value" onblur="if(!this value match(/^(?:[+ ]?d+(?: d+)?| d*?)?$/))this value=this o_value;else{if(this value match(/^ d+$/))this value= +this value;if(this value match(/^ $/))this value= ;this ovalue=this value}">

只能輸入字母和漢字

復制代碼代碼如下: <input onkeyup="value=value replace(/[d]/g ) "onbeforepaste="clipboardData setData( text clipboardData getData( text ) replace(/[d]/g ))" maxlength= name=Numbers>

只能輸入英文字母和數字不能輸入中文掘賀旦

復制代碼代碼如下: <input onkeyup="value=value replace(/[^w /]/ig )">

只能輸入數字和英文<font color="Red">chun</font>

復制代碼代碼如下: <input onKeyUp="value=value replace(/[^d|chun]/g )">

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

復制代碼代碼如下: <input onKeyPress="if((event keyCode< || event keyCode> ) && event keyCode!= || / dd$/ test(value))event returnValue=false">

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

復制代碼代碼如下: lishixin/Article/program/Java/JSP/201311/20594

C. 巧用ReactJS來限制輸入框的輸入值

1.限制輸入框只能填寫數字
大家都知道，在輸入框限制只能輸入數字用JS的來判斷要考慮的情況比較多，比如中文切換，復制粘貼限制，用reactJS來實現很簡單

2.限制輸入框的字數

3.即時顯示還可以輸入多少個字

D. 前端js 輸入框限制（只能輸入數字，10位小數，除0[0-9]、.、--、-0[0-9]、-.不能開頭外，其他的都可以）

可以使用如下正則表達式來限制輸入框的輸入內容：

/^(?!0d|.-|..|-0d|-)(?!.*...*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(.[0-9]{0,10})?$/

該正則表達式的解釋如下：

^：匹配輸入的字元串開頭。
(?!0d|.-|..|-0d|-)：負早核向先行斷言，表示輸入的字元串不能以 0 開頭、.-、..、-0 開頭或 - 結尾。
(?!.*...*)(?!.*--.*)：負向先行斷言，表示輸入的字元串不能包含兩個及以上的連續 . 或 --。
(?!.*-$)：負向先行斷言，表示輸入的字元串不能以 - 結尾。
([1-9][0-9]*|0)：表示輸入的字元串必須為數字，可以以 0 或者 1-9 開頭，後面跟著 0 個或多個數字。
(.[0-9]{0,10})?：表示輸入的字元串可以包含小數點和最多 10 位小數。
$：匹配輸入的字元串結尾。

可以將該正則表達式應用到輸入框的 oninput 或 onkeydown 事件中，以便實時驗證用戶輸入的內容，並在輸入不符合要求時阻止輸入。例如：

const input = document.querySelector('#myInput');

input.addEventListener('input', (event) => {

const value = event.target.value;

const isValid = /^(?!0d|.-|..|-0d|-)(?!.*...*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(.[0-9]{0,10})?$/.test(value);

if (!isValid) {

event.target.value = value.slice(0, -1); // 阻止輸入

}

});

在這個例子中，我們首先獲取了一個 id 為 myInput 的輸入框，並添加了一個 input 事件監聽器。在事件差睜遲處理程序中，我們獲取了輸入框的虛李值，並使用正則表達式對其進行驗證。如果驗證失敗，我們阻止輸入，即將輸入框的值設為原來的值減去最後一位。這樣，就能夠實現對輸入框的限制。

E. 用js控制輸入框內的數值相加，得出的結果顯示在總和的輸入框內

F. js控制文本框輸入內容

<inputtype="text"id="input"/>

varinputEle=document.getElementById('input');
inputEle.addEventListener('change',function(){
if(this.value!版==''&&!this.value.match(/^權[d]+$/)&&this.value==0){
this.style.color='red';
}
},false);
inputEle.attachEvent('onchange',function(){
if(this.value!==''&&!this.value.match(/^[d]+$/)&&this.value==0){
this.style.color='red';
}
});

G. JS如何限制文本框只能輸入小寫的金額，且首位不能輸0，小數點後只能輸入2位

需要准備的材料分別是：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，回新建帶輸入框的html文件，例如答：index.html。

H. 用js控制輸入框的值

用js里怎麼寫輸入框
把輸入框放到一個form表單里
這樣在js里就可以document.frm.name.value就是輸回入框的值
或者答document.getelementbyid("id_name").value也是可以的

I. 如何用js實現給某個文本框賦值

用js實現給某個文本框賦值，可以先在js中獲得文本框的元素，如

document.getElementsByName("result")[0]

然後把回它的value屬性賦值，答如

document.getElementsByName("result")[0].value = 10;

這是測試頁面

J. js中怎麼控制一個文本框只能輸入0.0-1.9之間的數據還有0.00-1.99之間。急！

文本框可以綁定keypress事件來判斷按鍵的keycode值，0.0-1.9如下代碼：

input.addEventListener("keypress",function(e){
if((this.value.length==0&&(e.keyCode==48||e.keyCode==49))
||(this.value.length==1&&e.keyCode==46)
||(this.value.length==2&&e.keyCode>=48&&e.keyCode<=57)){
}else{
e.preventDefault();
}
});

//防止輸入法輸入中文，輸入法輸入中文只觸發keydown事件並且keycode都是229
input.addEventListener("keydown",function(e){
if(e.keyCode==229){
e.preventDefault();
}
});

另外需要注意的是文本框要設置maxlength（即允許輸入的最大文本字元數）屬性為3，還要禁用粘貼、拖拽等其他可能的注入文本方式。希望能幫到樓主

導航:首頁 > 編程語言 > js控制輸入框的值

js控制輸入框的值

與js控制輸入框的值相關的資料

友情鏈接