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

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

使用 Javascript 驗(yàn)證表單輸入

使用 Javascript 驗(yàn)證表單輸入

小唯快跑啊 2022-01-07 19:05:05
我有一個(gè)接受用戶輸入的表單，我正在嘗試驗(yàn)證用戶是否正在使用 javascript 輸入數(shù)字（是的，我知道我可以改為進(jìn)行 HTML 驗(yàn)證）。我遇到的問題是它不會阻止用戶為應(yīng)該是整數(shù)的字段輸入字母。我的想法是，當(dāng)您提交表單時(shí)，它將運(yùn)行 runthroughnums() 方法，該方法將使用 checkNum() 輔助函數(shù)檢查所有數(shù)字輸入。誰能看到這不能正常工作的任何原因？<form name="formname" onsubmit="runthroughnums()" action="new.php" method="post"><script>function runthroughnums(){    var intput1 = document.forms["formname"]["intval1"], "Input 1");    if(isNaN(input1)){        window.alert(input + "must be an integer value");    }   </script>
查看完整描述

3 回答

?
烙印99

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

我知道您指定了 JS 進(jìn)行驗(yàn)證，但是從 HTML 和 CSS 開始可能會更好。


在 HTML 元素上使用 type、required、title 和 pattern 屬性。


設(shè)置 :valid 和 invalid 偽類的樣式。


<input type="number" required pattern="[0-9]{5}" title="5 Digit Zip Code">

<style>

  input:valid { border: solid 2px green; }

  input:invalid { border: solid 2px red; }

</style>


查看完整回答
反對 回復(fù) 2022-01-07
?
ABOUTYOU

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

我完全推薦使用表單驗(yàn)證器庫。根據(jù)我的經(jīng)驗(yàn)，https://parsleyjs.org/一直是完成工作的一種快速簡便的方法，并且允許您實(shí)現(xiàn)自定義驗(yàn)證方法和錯誤消息。那和開箱即用將應(yīng)用一些不錯的錯誤消息標(biāo)簽和突出顯示。

有了這個(gè)，我還建議使用 jQuery 輸入掩碼來幫助控制用戶輸入。https://plugins.jquery.com/jquery.inputmask/

根據(jù)我的經(jīng)驗(yàn)，這兩個(gè)庫似乎可以很好地跨平臺/瀏覽器工作，并且在移動鍵盤方面幾乎沒有問題。

正如預(yù)期的那樣，執(zhí)行服務(wù)器端驗(yàn)證非常必要。


查看完整回答
反對 回復(fù) 2022-01-07
?
精慕HU

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

試試這個(gè)。如果您可以提供表單的 html 代碼，事情會更容易。


    <script>

        function runthroughnums(){

            /*

            checkNum(document.forms["formname"]["intval1"], "Input 1");

            checkNum(document.forms["formname"]["intval2"], "Input 2");

            checkNum(document.forms["formname"]["intval3"], "Input 3");

            */

            var x = document.froms[0];

            for (var i = 0; i < x.length; i++) {

                /* debug check*/

                console.log(x.elements[i].value);

                console.log(x.elements[i].id);


                checkNum(x.elements[i].value, x.elements[i].id);


            }


        }


        function checkNum(var i, String input){

            if(isNaN(i)){

                window.alert(input + "must be an integer value");

            }   

        }

    </script>


查看完整回答
反對 回復(fù) 2022-01-07
  • 3 回答
  • 0 關(guān)注
  • 171 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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