JS 三十一 驗證API

2021-10-11 01:40:37 字數 2117 閱讀 2794

property

description

checkvalidity()

如果 input 元素中的資料是合法的返回 true,否則返回 false。

setcustomvalidity()

設定 input 元素的 validationmessage 屬性,用於自定義錯誤提示資訊的方法。

使用 setcustomvalidity 設定了自定義提示後,validity.customerror 就會變成true,則 checkvalidity 總是會返回false。如果要重新判斷需要取消自定義提示,方式如下:

setcustomvalidity('') 

setcustomvalidity(null)

setcustomvalidity(undefined)

以下例項如果輸入資訊不合法,則返回錯誤資訊:

驗證

嘗試一下 » 屬性

描述validity

布林屬性值,返回 input 輸入值是否合法

validationmessage

瀏覽器錯誤提示資訊

willvalidate

指定 input 是否需要驗證

input 元素的validity 屬性包含一系列關於 validity 資料屬性:

屬性描述

customerror

設定為 true, 如果設定了自定義的 validity 資訊。

patter****match

設定為 true, 如果元素的值不匹配它的模式屬性。

rangeoverflow

設定為 true, 如果元素的值大於設定的最大值。

rangeunderflow

設定為 true, 如果元素的值小於它的最小值。

stepmismatch

設定為 true, 如果元素的值不是按照規定的 step 屬性設定。

toolong

設定為 true, 如果元素的值超過了 maxlength 屬性設定的長度。

typemismatch

設定為 true, 如果元素的值不是預期相匹配的型別。

valuemissing

設定為 true,如果元素 (required 屬性) 沒有值。

valid

設定為 true,如果元素的值是合法的。

如果輸入的值大於 100,顯示乙個資訊:

驗證

嘗試一下 »

如果輸入的值小於 100,顯示乙個資訊:

ok

嘗試一下 »

setcustomvalidity 的用法:

var inpobj = document.getelementbyid("id1");

inpobj.setcustomvalidity(''); // 取消自定義提示的方式

if (inpobj.checkvalidity() == false) else if(inpobj.value<100 || inpobj.value>300)

document.getelementbyid("demo").innerhtml = inpobj.validationmessage;

} else

嘗試一下 »

可能是我理解能力比較差,沒看懂 checkvalidity()。

這個函式具體的意思是什麼,後來查閱到了乙個比較靠譜的答案。留下證據,以備像我一樣笨的後人浪費時間。

htmlselectelement.checkvalidity()會檢查元素是否有任何輸入約束條件,並且檢查值是否符合約束條件。 如果值是不符合約束條件的,瀏覽器就會在該元素上觸發乙個可以撤銷的 invalid 事件。

初步理解為。該函式裡面有兩個值,預設判斷值為 ture,可以修改為 flash。如有不對,希望指正。

以下是我測試的**:

function myfunction() 

else

}

嘗試一下 »

Lua程式設計(三十一)

搜尋路徑 在搜尋乙個lua檔案時,函式require使用的路徑與典型的路徑略有不同。典型的路徑是很多目錄組成的列表,並在其中搜尋指定的檔案。不過,iso c lua語言依賴的抽象平台 並沒有目錄的概念。所以,函式require使用的路徑是一組模板,其中的每項都指定了將模組名 函式require的引數...

OpenCV Python 模板匹配 三十一

在本章中,您將學習 如果輸入影象的大小為 wxh 而模板影象的大小為 wxh 則輸出影象的大小將為 w w 1,h h 1 得到結果後,可以使用cv.minmaxloc 函式查詢最大 最小值在哪。將其作為矩形的左上角,並以 w,h 作為矩形的寬度和高度。該矩形是您模板的區域。注意如果使用cv.tm ...

(三十一)java多執行緒二

因為執行緒在執行的過程中具有一定的不確定性,在併發的時候就會出現安全問題,因此一般需要採取一定的措施來保證執行緒的安全,同步 塊就是其中一種方式。以下是模擬銀行取錢的多執行緒小例子,兩個都能確保安全,但是有一種卻更好一些。例1 packagedemo1 模擬兩個人同時取乙個賬戶的錢,必須只能有乙個人...