1 回答

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊
form
您的HTML中幾乎沒有問題。
您沒有使用
preventDefault()
會(huì)阻止表單默認(rèn)行為的方法,因此可以驗(yàn)證 inout。此外,您不需要檢查空輸入,例如
== ""
您可以!
說我的輸入是否為空,然后顯示錯(cuò)誤消息您在
error_resp
理想情況下顯示錯(cuò)誤.html
以清除以前的消息并替換為新消息
你可以在這里閱讀更多.html
將代碼段運(yùn)行到下面以查看它的工作原理。
$("#submit_button").click(function(e) {
e.preventDefault();
if (!$("#text_field1").val()) {
$('#error_resp').html('please fill the first required field');
} else if (!$("#text_field2").val()) {
$('#error_resp').html('please fill the second required field');
} else {
$('#myForm').submit();
console.log('All looking good. Form will submit now')
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="post" id="myForm" action="filename.php">
<input type="text" id="text_field1" />
<input type="text" id="text_field2">
<button type="submit" id="submit_button">Submit</button>
<p id="error_resp"></p>
</form>
添加回答
舉報(bào)