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

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

如何使用 JavaScript 添加 JavaScript 警報消息以顯示 html 表單驗證正確

如何使用 JavaScript 添加 JavaScript 警報消息以顯示 html 表單驗證正確

狐的傳說 2023-03-03 10:07:54
我有以下鏈接到 HTML 文件的 JavaScript 函數(shù),因為它們由 HTML 文件中的 recordHistory() 按鈕調用。JavaScript 在功能上運行良好,但我想在名為 recordHistory() 的函數(shù)中包含一條警告消息,以表明一旦 HTML 表單驗證中的文本字段完整且正確。一旦用戶可以單擊 HTML 文件中的 onclick 記錄按鈕,將出現(xiàn)一條警告消息,說明“文本字段正確且已記錄”。JavaScript 函數(shù)如下所示:-// JavaScript Documentfunction validateFirstName() { //test input for 2-15 allowed characters    var fName = document.getElementById("firstName").value;    var rel = /^[a-zA-Z\s\'\-]{2,15}$/;        if (rel.test(fName)) { //if input is valid, update page to show successful entry}        document.getElementById("firstNamePrompt").style.color = "green";        document.getElementById("firstNamePrompt").innerHTML = "<strong>valid</strong>"        return true;}    else { //if input is invalid, update page to prompt for new input            document.getElementById("firstNamePrompt").style.color = "Red";            document.getElementById("firstNamePrompt").innerHTML = "<strong>Enter 2&15</strong>"            return false;    }   }function validateLastName() { //test input for 2-25 allowed characters    var lName = document.getElementById("lastName").value;    var re2 = /^[a-zA-Z\s\'\-']{2,25}$/;        if (re2.test(lName)) { //if input is valid, update page to show successful entry}        document.getElementById("lastNamePrompt").style.color = "green";        document.getElementById("lastNamePrompt").innerHTML = "<strong>valid</strong>"        return true;}    else { //if input is invalid, update page to prompt for new input            document.getElementById("lastNamePrompt").style.color = "Red";            document.getElementById("lastNamePrompt").innerHTML = "<strong>Enter 2&25</strong>"            return false;    }   }基本上,我可以專注于 html 文本框字段,當我單擊“記錄”按鈕時,會出現(xiàn)一個警告框,提示“HTML 表單的所有輸入字段都必須完成。一旦我在HTML 表單的文本框字段并單擊“記錄”按鈕,沒有顯示任何消息(但我知道驗證已完成且正確)。我的目標是確保一旦正確驗證了 HTML 表單的輸入字段,警報消息將顯示為“文本框字段中的所有數(shù)據(jù)均正確并已記錄”。我是這里的新手,正在閱讀一些內容,這似乎是所有 JavaScript 正則模式表達式都已正確匹配。
查看完整描述

2 回答

?
慕容森

TA貢獻1853條經驗 獲得超18個贊

一旦每個正則表達式都被驗證為正確,用戶可以單擊 recordHistory 按鈕,然后會彈出一個警告說“數(shù)據(jù)輸入正確”我使用此代碼來獲得我正在尋找的結果:-


<!DOCTYPE html>

<html>

<body>

<form action="#">

    <div id="fullpage">


<tr>

        <td class="Button" id="Button" colspan="3"><span class="buttonBG" onclick="recordHistory();">Record</span></td>              

    </tr>   


    <span id="recordConfirm">&nbsp;</span>

        

</div>

</form>


<script>

function recordHistory(){//function to validate input text fields on client side, via record button

var fName = document.getElementById("firstName").value;

var lName = document.getElementById("lastName").value;

var fNameRegExp = /^[a-zA-Z\s\'\-]{2,25}$/;

if( fName ==='' || lName ===''){

alert("Please fill all text fields...!!!!!!");

return false;

}

else if(fName === fNameRegExp){

  //First Name true

}

else{

alert("input data is correct");

return true;

}

}

</script>


</body>

</html>


查看完整回答
反對 回復 2023-03-03
?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

我確實看到您已經在使用 validateFirstName 和 validateLastName 函數(shù)對名字和姓氏進行驗證。

我相信您會使用該字段的任一 onfocusout 來執(zhí)行此操作。

再次單擊按鈕時進行另一次驗證可能是雙重工作。因此,如果 FirstName 或 LastName 驗證在這些各自的功能上失敗,我建議您禁用該按鈕。

添加以下行:

document.getElementById("somebuttonid").disabled = true;

因此,在這兩個字段按照您的意愿進行驗證之前,提交按鈕將被禁用。這也比用警報打斷他們更好的用戶體驗。

讓我知道這是否可行。


查看完整回答
反對 回復 2023-03-03
  • 2 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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