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

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

如何在不執(zhí)行表單操作的情況下退出 javascript 表單驗(yàn)證？

如何在不執(zhí)行表單操作的情況下退出 javascript 表單驗(yàn)證？

RISEBY 2022-09-16 20:53:03
我的表單需要使用js進(jìn)行驗(yàn)證并警告任何錯(cuò)誤，然后返回存在輸入值的表單，以便他們可以在重新提交之前修復(fù)它。一旦驗(yàn)證通過(guò)，它應(yīng)該重定向到php“謝謝”頁(yè)面。驗(yàn)證邏輯工作正常，但是在錯(cuò)誤警報(bào)后，它會(huì)過(guò)早地重定向到php頁(yè)面。我的表單：<form method = "post" name= "account" action= "validated.php" target="_blank">            <div>                <label for="fname"><span class="red">*</span> First Name:</label><br>                <input type="text" id="fname" name="fname" size="40" required><br>                <label for="lname">Last Name:</label><br>                <input type="text" id="lname" name="lname" size="40">            </div>            <div>                <label for="bdate">Birth Date:</label><br>                <input type="text" id="bdate" name="bdate" placeholder="dd/mm"><br>                <label for="email"><span class="red">*</span> Email Address:</label><br>                <input type="email" id="email" name="email" size="40" placeholder="mymail@mymail.com" required>            </div>            <div>                <p id="interests">Product Interests:</p>                <div class= "pref">                    <input type="checkbox" class="preferences" name="interests[]" value="donuts">                    <label for="donuts">Donuts</label>                </div>                <div class= "pref">                    <input type="checkbox" class="preferences" name="interests[]" value="vanilla slice">                    <label for="vanillaSlice">Vanilla Slice</label>                </div>                                      <div class= "pref">                    <input type="checkbox" class="preferences" name="interests[]" value="randy tarts">                                          <label for="randyTarts">Randy Tarts</label>                </div>                <div class= "pref">                    <input type="checkbox" class="preferences" name="interests[]" value="custard tarts">                    <label for="custardTarts">Custard Tarts</label>                </div>  
查看完整描述

2 回答

?
莫回?zé)o

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

試試這個(gè)：


onclick="validate(event)"


function validate(e){

e.preventDefault();

// Required first name

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

try{...

它會(huì)阻止你的表單采取行動(dòng)。然后，您只需要處理函數(shù)內(nèi)的重定向即可。


查看完整回答
反對(duì) 回復(fù) 2022-09-16
?
慕尼黑8549860

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

將輸入類型更改為按鈕，因?yàn)槟哂腥缦滤镜膐nclick功能


斷續(xù)器


<button id="submit" onclick="validate(event)">Submit</button>

斷續(xù)器


添加了事件.prevent默認(rèn)（）


function validate(event){

     event.preventDefault();

    // Required first name

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

    try{

        if (fname == "") throw "You have not given your first name.";

    }

    catch(err) {

    alert(err);

    console.error(err);

    }


    // valid date format

    bdate = document.getElementById("bdate").value;

    var contains = bdate.indexOf("/");

    var day = bdate.slice(0, 2);

    var month = bdate.slice(3); 

    try{

        if (contains != 2 && bdate !== "") throw "The date must be in the following format 'dd/mm' to be valid.";

        if (isNaN(day) || isNaN(month) && bdate !== "") throw "The date must contain numbers.";

        if (day > 31 && bdate !== "") throw "You seem to have done a typo with your birth day.";

        if (month > 12 && bdate !== "") throw "You seem to have done a typo with your birth month.";

    }

    catch(err) {

        alert(err);

        console.error(err);

    }


    // Valid email address

    email = document.getElementById("email").value;

    var searchAt = email.indexOf("@");

    var searchDot = email.indexOf(".");

    try{

        if (email == "") throw "You have not given your email.";

        if (searchAt == -1) throw "Your email must contain an '@' symbol.";

        if (searchDot == -1) throw "Your email must contain a . ";

    }

    catch(err){

        alert(err);

        console.error(err);

    }


    };


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

添加回答

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