檢查表單提交上的空白字段

Question

我已經創建了一個eshop。 我已爲「數量」輸入一個輸入字段，當我點擊提交按鈕時，產品將添加到我的購物籃中。但是，如果我按下數量字段爲空的提交按鈕，它會將我重定向到一個空白頁面。

所以我想附加一個事件到表單提交，以便在數量字段爲空時不做任何事情。

JavaScript中的新功能，提前致謝！

Answer 1

document.getElementById("formId").onsubmit = function() { 
    if (!document.getElementById("myField").value) { 
     return false; 
    } 
} 

這將捕獲表單的提交操作並驗證給定字段是否爲空。返回false會中斷表單提交。這也可以通過將一個事件參數傳遞給該函數，然後使用e.preventDefault()來完成。

Answer 2

表單的Onsubmit使用document.getElementById（''）。value執行javascript方法來檢查是否在字段中輸入值。如果沒有價值回報。

例：

var x=document.getElementById('<your_id>').value; 
if (x==null || x=="") 
    { 
    return false; 
// redirect to where you want 
    } 

HTH

Answer 3

此代碼不會使輸入框內爲空的形式提交;

<input type="submit" onclick="return checkEmpty()"> 

不要忘了把return前checkEmpty()

JS

function checkEmpty() { 
var valueofId=document.getElementById("myField").value; 
if (!valueofId) { 
     return false; 
    } 
} 

Answer 4

這是2017年和HTML 5，我相信你應該已經發現：

<input name="quantity" required> 

給你的東西噸。或者甚至：

<input name="quantity" type="number" min="1" required>