2017-06-22 43 views
-3

我想要一個表單,我可以搜索數據庫,但也有簡單的錯誤處理,我可以檢查用戶是否沒有輸入任何內容,並運行函數validateForm。但我不知道如何做到這一點。試圖發佈數據與表單,並檢查輸入字段是否爲空

<form action="http://apsrd7252:5000/result/" method="POST"> 
    <input type="text" id="IDSub" name="hostname" /> 
    <input onclick="return validateForm()" type="submit" value="Submit" placeholder="Host Name" /> 
</form> 

這裏的腳本

function validateForm() { 
    var a = document.getElementById("IDSub"); 
    if(a.value == null) { 
    alert("Please fill in an ID"); 
    return false; 
    } else { 
    window.location.href = "http://apsrd7252:5000/result"; 
    } 
} 
+1

[JavaScript驗證爲空的輸入字段]的可能的複製(https://stackoverflow.com/questions/3937513/javascript-validation-for-empty-input-field) – Difster

+1

有肯定是足夠的教程在互聯網上這種事 –

+0

我明白如何將功能從html傳遞給js,但它不工作時,我有形式action = http .....有什麼問題,我正在做?: – BeastlyBernardo

回答

0

相反,如果在條件只使用空字符串,如「「空」」的。

function validateForm() { 
 
    var a = document.getElementById("IDSub"); 
 
    if(a.value == "") { 
 
    alert("Please fill in an ID"); 
 
    return false; 
 
    } else { 
 
    window.location.href = "http://apsrd7252:5000/result"; 
 
    } 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <form action="http://apsrd7252:5000/result/" method="POST"> 
 
    <input type="text" id="IDSub" name="hostname" /> 
 
    <input onclick="return validateForm()" type="submit" value="Submit" placeholder="Host Name" /> 
 
</form> 
 
    </body> 
 

 
</html>