第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

提交空字段后輸出錯(cuò)誤的問題

提交空字段后輸出錯(cuò)誤的問題

RISEBY 2022-10-27 10:52:41
我的腳本有問題,唯一的問題是輸出錯(cuò)誤。submit_button 之后的錯(cuò)誤只是磚塊。所以這意味著當(dāng)字段為空時(shí),它必須輸出錯(cuò)誤并且它可以工作,但問題是輸出只是磚塊<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貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊

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

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

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

  3. 您在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>


查看完整回答
反對(duì) 回復(fù) 2022-10-27
  • 1 回答
  • 0 關(guān)注
  • 96 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)