2011-10-12 57 views
8

我想使用:HTML 5必需。html5輸入類型不需要表單。它工作嗎?

<input type='text' required> 

似乎只工作,如果在輸入類型是一種形式。 我不能自己使用它,然後通過JavaScript調用某種驗證第一種方法嗎?

更多評論如下反饋:

<input id='name' type='text' required> 
    <input id='surname' type='text' required> 
    <input id='send' type='button' onclick ='send()'> 

    function send() { 
     if (document.getElementById('name').value == '') { alert('missing name'); return } 
     if (document.getElementById('surname').value == '') { alert('missing surname'); return } 

     // logic now... 

    } 

,它檢查輸入PARAMS併發送警報這就是我想通過使用HTML 5

改變該位的位數
+0

你可以發佈多一點的代碼來更好地解釋你想要達到的目標嗎? – beefyhalo

+1

什麼時候驗證應該發生,如果沒有形式發送? – JJJ

+0

是否使用AJAX將輸入值關閉? –

回答

9

當然,使用

document.getElementById('your_input_id').validity.valid 

動態檢查現場的有效性。

+0

順便說一句,如果你想知道爲什麼這個字段無效的確切原因,你可以檢查出有效性對象中的其他值。 – RReverser

+0

document.getElementById('your_input_id')。validity.valid的作用方式爲'true'/'false',但它不會帶來工具提示信息(必需),並專注於缺少參數的文本。 – Zo72

+0

@ lorenzo72我以爲你想檢查JS中的字段並實現自己的處理程序(tooltip左右)。你不能做你想做的。你應該將你的元素封裝成表單或者實現自己的處理程序 – RReverser

2

首先,「required」屬性會觸發「submit」事件,所以我猜,沒有表單 - 什麼都不會提交。其次,爲什麼有形式的問題?

2

對於'必需',這應該只在表單提交時纔有效。