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

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

完成必填字段后如何允許提交表單?

完成必填字段后如何允許提交表單?

慕森卡 2021-12-23 19:25:59
我已經(jīng)完成了帶有即時(shí)字段驗(yàn)證的代碼,但也希望在字段沒(méi)有值的情況下防止提交表單。我已經(jīng)設(shè)法阻止提交表單,但是當(dāng)我返回并提供一個(gè)值時(shí),它仍然不允許它提交。知道我在這里做錯(cuò)了什么嗎?這是 HTML:<form id="contactForm" action="https://formspree.io/xrggbejj" method="POST" onsubmit="return formValidation(contactForm);">  <div class="row">  <div class="col">    <label for="fName">First Name</label>  </div>  <div class="col">    <input type="text" id="fName" name="firstname" onblur="checkFirstName(firstName)" autofocus/>    <img src="../images/alert-icon.png" class="alert" id="firstNameMsg" alt="alert icon" width="40" height="35"/>  </div>  </div> <!-- End of row -->  <div class="row">  <div class="col">    <label for="lName">Last Name</label>  </div>  <div class="col">    <input type="text" id="lName" name="lastname" onblur="checkLastName(lastName)"/>    <img src="../images/alert-icon.png" class="alert" id="lastNameMsg" alt="alert icon" width="40" height="35"/>  </div>  </div> <!-- End of row -->  <div class="row">  <div class="col">    <label for="subject">Questions and/or Comments</label>  </div>  <div class="col">    <textarea id="subject" name="subject" onblur="checkSubject(subject)" style="height:200px"></textarea>    <img src="../images/alert-icon.png" class="alert" id="subjectMsg" alt="alert icon" width="40" height="35"/>  </div>  </div> <!-- End of row -->  <div class="row">    <input type="submit" value="SEND" />  </div> <!-- End of row --></form>
查看完整描述

2 回答

?
湖上湖

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

的firstName,lastName和subject可變指向的輸入不是他們的實(shí)際值的內(nèi)側(cè)。您可以將函數(shù)修改為


    function formValidation(contactForm) {


      if (!firstName.value || !lastName.value || !subject.value) {

        alert('Please fill out required fields.')

        event.preventDefault()

        return false;

      } else {

        return true;

      }

    }

在這里,我使用!運(yùn)算符將輸入轉(zhuǎn)換True為空時(shí),如果任何輸入為空,則將評(píng)估第一種情況,否則您的函數(shù)將返回 true。


查看完整回答
反對(duì) 回復(fù) 2021-12-23
?
至尊寶的傳說(shuō)

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

既然你這樣做


if (firstName && lastName && subject !== true) {

  ...

}

我假設(shè)你希望這樣做


 if (firstName.value === '') {

    alertStyle = document.getElementById('fName').style.border = '2px solid rgba(255, 6, 0)';

    alertImg = document.getElementById('firstNameMsg').style.display = 'inline-block';

    return false;

會(huì)做這樣的事情


firstName = true

但它實(shí)際上并沒(méi)有為firstName. 它只是返回真。


你可以有一個(gè)變量 like isValidand doisValid = true而不是在你的checkLastName() etc..


但是,既然你這樣做


document.getElementById('lastNameMsg').style.display = 'none'

你可以做


function formValidation(contactForm) {


  if (document.getElementById('lastNameMsg').style.display !== 'none') {

    alert('Please fill out required fields.')

    event.preventDefault()

    return false;

  } else if (document.getElementById('lastNameMsg').style.display === 'none') {

    return true;

 }

}


無(wú)論如何,有多種方法可以簡(jiǎn)化,但希望這能讓你繼續(xù)前進(jìn):)


查看完整回答
反對(duì) 回復(fù) 2021-12-23
  • 2 回答
  • 0 關(guān)注
  • 244 瀏覽
慕課專欄
更多

添加回答

舉報(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)