提交后將顯示警報消息

Question

我的警報消息會在加載/提交記錄之前彈出，因此，如果用戶未輸入任何數據。 它仍然彈出。 我應該在警報框中使用哪些其他JavaScript函數？

這是我的代碼

 function myFunction() { alert("Adding Succesful!"); } 

 <label for="bName" class="control-label col-xs-4"><p class="left">Brand Name</p></label> <input name="bName" class="form-control req" required/> <button type="submit" class="btn btn-default bt" onclick="myFunction()" style="align:right;">ADD</button> 

Answer 1

嘗試使用：

<label for="bName" class="control-label col-xs-4"><p class="left">Brand Name</p></label>
 <input name="bName" class="form-control req" required/> 

<button type="submit" class="btn btn-default bt"  onclick="return myFunction(this)" style="align:right;">ADD</button>

（請注意，我將onclick更改為包括return和this ）

並將其與JavaScript結合使用：

function myFunction(t)
{
    if($(t).prev().val())
    {
        alert('Adding Succesful!')
        return true;
    }else{
        return false;
    }
}

Answer 2

使用HTML5有效性檢查來查看表單是否有效。

 var form = document.getElementById('f'); function myFunction() { if (form.checkValidity()) { alert("Adding Succesful!"); } } 

 <form id="f"> <label for="bName" class="control-label col-xs-4"> <p class="left">Brand Name</p> </label> <input name="bName" class="form-control req" required/> <button type="submit" class="btn btn-default bt" onclick="myFunction()" style="align:right;">ADD</button> </form>