2014-06-30 81 views
0

我知道有一種方法可以進行字段輸入並讓用戶鍵入例如「一個蘋果」,然後用javascript來檢查用戶是否輸入了我想要的內容在這種情況下是'一個蘋果',或者如果他/她輸入了類似'香蕉'的其他東西,然後如果答案是正確的,則應該出現'正確'之類的信息,如果它不是'錯誤'的信息應該出現。Javascript:如何檢查輸入是否正確

問題是我該如何使它工作?

我搜索了網絡的答案,但它只給我如何檢查輸入長度或東西。

有人可以給我說明或指導教程的鏈接,或者可以解釋的地方。

謝謝。

+0

究竟什麼是你的目標是什麼?是否要檢查並查看輸入是否爲空?只是一個簡單的參考你所要做的就是輸入驗證。 – Demosthenes

+0

您的問題有三個部分。一個是從現場獲得價值。第二個是將該值與您所需的字段(「一個蘋果」)進行比較。第三是改變屏幕上的文字。如果你分別谷歌這三個你應該有更好的運氣。 – wedstrom

回答

1

嘗試這樣的事情

<input type="text" id="test"> 
<input type="button" value="click" onclick="z()"><span id="err"></span> 

<script> 
function z() 
{ 
var a=document.getElementById("test"); 
if((a.value=="an apple")||(a.value=="apple")) 
{ 
document.getElementById('err').innerHTML= 'correct'; 
} 
else 
{ 
document.getElementById('err').innerHTML= 'wrong'; 

} 

} 
</script> 
+0

我想指出的是,上述方法在技術上不是最好的,不顯眼的jquery方法更優雅。然而,user3791222,因爲它很簡單,你應該選擇這個解決方案,以完全理解它。這是一個簡單的例子,即使你最終使用了一種不太突出的方法,也能讓你牢牢掌握基本知識。 – wedstrom

+0

那是我需要的東西。謝謝。但是,現在有沒有辦法在按鈕「點擊」旁邊顯示「正確」和「錯誤」,而不是彈出框? 另外,我可以指定兩個正確答案,例如「一個蘋果」和「蘋果」嗎? – user3791222

+0

我編輯了我的答案..試試這個 – Ezhil