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

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

提交的表單帶有空值

提交的表單帶有空值

蠱毒傳說 2023-08-18 17:43:03
我在網(wǎng)站中使用表單,如果提交空白表單,用戶應(yīng)該收到錯(cuò)誤警報(bào)。我使用下面的 HTML 和 JS 將表單數(shù)據(jù)轉(zhuǎn)換為 JSON 并將其提交到電子郵件 API。但即使對(duì)于空白值,表單也會(huì)被提交,這是不應(yīng)該發(fā)生的。請(qǐng)幫我解決這個(gè)問題。TIA。<form name="ff" id="ff">  <label style="font-family: sans-serif;"></label> Name*:  <input type="text" placeholder="Please enter your name" name="name" id="name" required />  <label style="font-family: sans-serif;">    Email*:    <input type="email" placeholder="Enter your Email ID" name="email" id="email" required />  </label>  <label style="font-family: sans-serif;">    Mobile Number *:    <input type="text" placeholder="Enter Your Number" name="mobile" id="mobile" maxlength="10" required />  </label>  </label>  <label style="font-family: sans-serif;">    Message*:    <textarea name="message" id="message" cols="500" placeholder="Message" required></textarea>  </label>  <input id="contactbtn" class="sendButton" type="submit" name="Submit" value="Send" /></form>function getFormData($form) {  var unindexed_array = $form.serializeArray();  var indexed_array = {};  $.map(unindexed_array, function (n, i) {    indexed_array[n['name']] = n['value'];  });  return indexed_array;}var $form = $("#ff");$('#contactbtn').click(function (e) {  e.preventDefault();  var data = getFormData($form);  console.log(data);  localStorage.setItem('order', JSON.stringify(data));  console.log('order');  window.location.replace("./contactbooking.html");});
查看完整描述

3 回答

?
慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個(gè)贊

而不是做:

$('#contactbtn').click(function(e) {

您應(yīng)該捕獲表單提交事件:

$($form).submit(function (e) {


查看完整回答
反對(duì) 回復(fù) 2023-08-18
?
慕工程0101907

TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊

嘗試修復(fù) HTML,

因?yàn)樗壳坝悬c(diǎn)傾斜,

并且會(huì)在 HTML 驗(yàn)證器中顯示一些錯(cuò)誤。


<form name="ff" id="ff">

     <label for="Name" style="font-family: sans-serif;">Name*:</label> 

     <input id="Name" type="text" placeholder="Please enter your name"

            name="name" required/>


     <label for="Email" style="font-family: sans-serif;">Email*:</label>

     <input id="Email" type="email" placeholder="Enter your Email ID"

            name="email"  required/>


     <label for="Mobile" style="font-family: sans-serif;">Mobile Number *:</label>

     <input id="Mobile" type="text" placeholder="Enter Your Number"

            name="mobile" maxlength="10" required/>


     <label    for="Message" style="font-family: sans-serif;">Message*:</label>

     <textarea id="Message" name="message" cols="500"

               placeholder="Message" required></textarea>


     <input id="Contact_Btn" class="sendButton" type="submit"

            name="Submit" value="Send"/>

</form>

如果標(biāo)簽不包含有效的 for 屬性,該屬性與元素的 id 區(qū)分大小寫匹配,那么這將在 Javascript 控制臺(tái)中導(dǎo)致錯(cuò)誤。這也可能會(huì)阻止或阻止所需屬性的內(nèi)置表單驗(yàn)證。嘗試讓我知道。


還要考慮一下,如果您將必需的內(nèi)容放在文本區(qū)域上,那么您可能需要指定該字段所需的最小和最大字符數(shù),但不能 100% 確定這一點(diǎn),您可能需要在 W3c 或 Mozilla 開發(fā)者網(wǎng)絡(luò)上查找該部分..


查看完整回答
反對(duì) 回復(fù) 2023-08-18
?
梵蒂岡之花

TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個(gè)贊

這在純 JS 中是如此簡(jiǎn)單......


const myForm = document.forms.ff


myForm.onsubmit=e=>

  {

  e.preventDefault()


  let data = {}

  Array.from(new FormData(myForm), (entry) => { data[ entry[0] ] = entry[1]} )


  console.log(data)


  // localStorage.setItem('order', JSON.stringify(data))


  // console.log(localStorage.getItem('order'))


  // window.location.replace("./contactbooking.html")

  }

<form name="ff" >

  <label>Name*:</label>

  <input type="text" placeholder="Please enter your name" name="name" required ><br>

  <label>Email*:</label>

  <input type="email" placeholder="Enter your Email ID" name="email" required ><br>

  <label> Mobile Number *:</label>

  <input type="text" placeholder="Enter Your Number" name="mobile" maxlength="10" required ><br>

  <label>Message*:</label>

  <textarea name="message" cols="500" placeholder="Message" required></textarea><br><br>

  <button class="sendButton" type="submit" >Send</button>

</form>


查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 3 回答
  • 0 關(guān)注
  • 183 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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