亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

提交空字段后輸出錯誤的問題

提交空字段后輸出錯誤的問題

RISEBY 2022-10-27 10:52:41
我的腳本有問題,唯一的問題是輸出錯誤。submit_button 之后的錯誤只是磚塊。所以這意味著當字段為空時,它必須輸出錯誤并且它可以工作,但問題是輸出只是磚塊<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><form method="post">  <input type="text" id="text_field1" />  <input type="text" id="text_field2">  <button type="submit" id="submit_button">Submit</button>  <button type="submit">Submit</button>  <p id="error_resp"></p></form><script>  $("#submit_button").click(function() {    if ($("#text_field1").val() == "")      $('#error_resp').text('please fill the required field');    else if ($("#text_field2").val() == "")      $('#error_resp').text('please fill the required field');    else      return true;  });</script>
查看完整描述

1 回答

?
蕪湖不蕪

TA貢獻1796條經驗 獲得超7個贊

form您的HTML中幾乎沒有問題。

  1. 您沒有使用preventDefault()會阻止表單默認行為的方法,因此可以驗證 inout。

  2. 此外,您不需要檢查空輸入,例如== ""您可以!說我的輸入是否為空,然后顯示錯誤消息

  3. 您在error_resp理想情況下顯示錯誤.html以清除以前的消息并替換為新消息

你可以在這里閱讀更多.html

將代碼段運行到下面以查看它的工作原理。

$("#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>


查看完整回答
反對 回復 2022-10-27
  • 1 回答
  • 0 關注
  • 103 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號