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

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

如何驗證 HTML 表單上的兩個輸入字段?

如何驗證 HTML 表單上的兩個輸入字段?

BIG陽 2023-05-25 15:40:40
我想要兩個輸入,一個是名稱,另一個是模塊代碼。如果任一字段的模式錯誤或一個字段為空,我如何在任一輸入上顯示錯誤消息?很確定我的 if-else 語句有問題://當我單擊提交時,表單操作將被激活。感謝所有幫助:)function validateForm() {  var fname = document.getElementById("fname").value;  if (/^[A-Z]\D{2,30}$/.test(fname) == false) {  //if its true, it will go to the second input    document.getElementById("errorName").innerHTML = "Wrong format";    fname.style.color="red";    return false;  } else {    document.getElementById("errorName").innerHTML = "";  }      var mcode = document.getElementById("mcode").value;  if (/^[a-z]{3}[1-9]\d{4}$/.test(mcode) == false) {    document.getElementById("errorCode").innerHTML = "Wrong format";    mcode.style.color="red";    return false;  } else {    document.getElementById("errorCode").innerHTML = "";  }  return true;}<form action="handleServer.php" method="get" onSubmit="return validateForm()">  First name: </br>  <input id="fname" type="text" name="fname" size="30">   <span id="errorName" class="error"></br>     <!-- module code -->  Module code: </br>  <input id="mcode" type="text" name="mcode" size="30">   <input type="submit" value="Submit">  <span id="errorCode" class="error"></br>
查看完整描述

1 回答

?
qq_遁去的一_1

TA貢獻1725條經(jīng)驗 獲得超8個贊

你可以做這樣的事情來檢查輸入字段是否為空


function validateForm() {

    var fname = document.getElementById("fname").value;

    var mcode = document.getElementById("mcode").value;

    var errorName = document.getElementById("errorName");

    var errorCode = document.getElementById("errorCode");


    if (fname === '') {

        errorName.innerHTML = "fname empty";

        return false;

    }

    if (mcode === '') {

        errorCode.innerHTML = "mcode empty";

        return false;

    }

    if (/^[A-Z]\D{2,30}$/.test(fname) == false) //if its true, it will go to the second input 

    {

        errorName.innerHTML = "Wrong format";

        fname.style.color = "red";

        return false;

    } else {

        errorName.innerHTML = "";

    }


    if (/^[a-z]{3}[1-9]\d{4}$/.test(mcode) == false) {

        errorCode.innerHTML = "Wrong format";

        mcode.style.color = "red";

        return false;

    } else {

        errorCode.innerHTML = "";

    }

    return true;

}


查看完整回答
反對 回復 2023-05-25
  • 1 回答
  • 0 關注
  • 139 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號