導航:首頁 > 編程語言 > js文本框禁用

js文本框禁用

發布時間:2022-09-20 02:02:02

js 控制打開對話框文本框不可編輯

文本框不可以編輯可以用兩個屬性來控制:

  1. readonly,只讀屬性,文本可以選擇、復制,但是不可以改變文本值

  2. disabled,不可選擇、復制、改變文本值。

js控制打開對話框的時候,同時改變對話框中的文本框的屬性即可。

jq方法

$("input[type=text]").prop('readonly','readonly');

或者

$("input[type=text]").prop('disabled','disabled');

② js禁用滑鼠之後文本框不能點了但是按鈕還是可以觸發事件

要看到代碼才知道是具體什麼原因,有可能是以下幾種:
1.js方法最好在頁面載入完成後再運行,否則可能元素還沒載入所以找不到。
2.你用document.all.……來取元素,部分瀏覽器不支持
3.用元素ID來取,但頁面中存在ID相同的元素。
……

③ Js里怎麼在input框里禁止輸入某個文字

以下答案為純原生(vanilla javascript)方法,實際可以用react、vue之類的庫,通過數據綁定的方法實現這種功能。我用的是ECMAScript6的寫法,其中let, const關鍵字老版本IE可能不識別,可以全部換成var。

在varfir=document.getElementById("fir")語句後面加入


function inputHandler (e) {

e.target.value = e.target.value.replace(/不/g, '')

}

let _debounceTimerId

function debounce (f, ms) {

const self = this

return function() {

const args = arguments

_debounceTimerId && clearTimeout(_debounceTimerId)

_debounceTimerId = setTimeout(function() {

f.apply(self, args)

}, ms)

}

}

fir.addEventListener('input', debounce(inputHandler, 50))


解釋:

1、使用HTMLInputElement實例的input事件,該事件在每次鍵入後都會觸發

2、中文輸入法在單次鍵入後,會多次觸發input事件,兩次觸發間隔大概在1-2ms左右

3、為了防止多次觸發,需要使用debounce(不知道怎麼翻譯,暫且用數字電路的「限制抖動」的概念吧),我上面寫了一個我自己編的debounce函數,實際可以用現成的庫函數,比如Lodash的_.debounce()

4、debounce(inputHandler, 100) 會保證抖動結束100ms後,運行inputHandler中的語句把"不"字去除。

④ 如何用Javascript使文本輸入框變灰

JavaScript禁用文本框或者禁止文本框的輸入方法僅供參考:
方法1、設置文本框的ReadOnly選項
<input type="text" value="此處文本不可修改" readonly/>

在JavaScript中,可以使用以下代碼啟用或禁用問框框的輸入功能:
document.all.textInputID.readOnly = false;

採用這種方法的好處是在基於SSH(Struts + Spring + HIbernate)框架的設計中,我們能夠通過Form調用到該文本框。當然,其它方法也調用不到,本文結尾處將略作介紹。

方法2、設置文本框的Disable屬性
<input type="text" value="該文本框不可用" disabled/>

相應的JavaScript代碼如下:
document.all.textInputID.disabled = true;

方法3、在對象focus時立刻讓它blur,使它無法獲得焦點
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/>

提示:readonly和disabled的區別在於後者完全禁止與該對象的交互(表現為不可改寫、不可提交等),而readonly是可以提交的

⑤ js 禁止文本框輸入任何內容 有游標

<input type="text" name="t1" value="no input" onkeydown="return false;" />

⑥ JavaScript 通過兩個按鈕禁用/啟用文本框

<html>
<body>
<form name="f1">
<input type="text" name="t1" /><br />
<input type="button" value="啟用" onClick="document.f1.t1.disabled=false;" />
<input type="button" value="禁用" onClick="document.f1.t1.disabled=true;" />
</form>
</body>
</html>

⑦ 誰可以給一段JS給我,文本框禁止輸入空格、豆號、單引號(中英文符號)

<input onkeydown="if(event.keyCode==32||event.keyCode==188||event.keyCode==222){return false;}" />

:32
,:188
':222
不知道對應code是多少你可以<input onkeydown="alert(event.keyCode)" />在這個文本框中按鍵盤獲得

⑧ JS怎麼禁止文本框輸入文字

要禁止文本框輸入,那麼就是說這個文本框只能被讀即它應該有用readonly屬性。

readonly屬性是只讀屬性,表明當前的dom節點只能被讀取。

用js的方法得到這個文本框節點,然後添加readonly屬性,使其值等於="readonly"就可以了。

例如:

html
<inputid="aa"/>
js
varinput=document.getElementById("aa");
input.setAttribute("readonly","readonly");

以上就可以了

⑨ Js里文本框禁止輸入某個文字要怎麼寫,比如禁止輸入"文",這個要怎麼寫啊

可以在keyup等鍵盤事件內部進行判斷處理,遇到「文」字就對文本框重新賦值。
內部判斷的處理可以使用substr,substring,replace等方法。

⑩ javascript怎麼禁止在文本框中輸入

js禁止輸入文本有兩種寫法,如下:

1、<input type="text" name="name" value="xxx" disabled="true"/>
2、<input type="text" name="name" value="xxx" readonly="true"/>

這兩種寫法都會使顯示出來的文本框不能輸入文字,但disabled會使文本框變灰,而且通過request.getParameter("name")得不到文本框中的內容(如果有的話),

而readonly只是使文本框不能輸入,外觀沒有變化,而且通過request.getParameter("name")可以得到內容。

閱讀全文

與js文本框禁用相關的資料

熱點內容
共享數據怎麼被凍結了 瀏覽:150
如何登記考勤數據 瀏覽:640
蘋果6s前置照片效果 瀏覽:171
企業微信素材庫文件下載鏈接 瀏覽:582
pdf文件怎麼取消標黃 瀏覽:781
打電話時不能使用網路是什麼原因 瀏覽:919
ps怎麼將文件合並 瀏覽:747
java的日期格式化 瀏覽:981
電腦應用程序怎麼關 瀏覽:986
微信上鏈接在哪個文件夾 瀏覽:691
歐姆龍安裝打開找不到密鑰文件 瀏覽:302
蘋果基本表情 瀏覽:128
我的世界教育版編程在哪裡 瀏覽:842
pong文件夾找不到 瀏覽:759
69版本黑切 瀏覽:997
杭州道富java 瀏覽:635
知道qq號查微博賬號和密碼 瀏覽:294
紅手指自帶哪些app 瀏覽:103
手機用公司網路會被監控哪些 瀏覽:409
什麼叫py編程 瀏覽:370

友情鏈接