本篇內(nèi)容介紹了“怎么使用javascript正則表達式”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供安遠網(wǎng)站建設(shè)、安遠做網(wǎng)站、安遠網(wǎng)站設(shè)計、安遠網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、安遠企業(yè)網(wǎng)站模板建站服務(wù)，十年安遠做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

表單驗證

簡單的布局：

js代碼：

  checkInput(my$("qq"),/^\d{5,11}$/);  //qq的

  checkInput(my$("phone"),/^\d{11}$/);    //手機

  checkInput(my$("e-mail"),/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/);     //郵箱

  checkInput(my$("telephone"),/^\d{3,4}[-]\d{7,8}$/);   //座機號碼

  checkInput(my$("fullName"),/^[\u4e00-\u9fa5]{2,6}$/);    //中文名字//通過正則表達式驗證當(dāng)前的文本框是否匹配并顯示結(jié)果

  function checkInput(input,reg) {

    //文本框注冊失去焦點的事件

    input.onblur=function () {

      if(reg.test(this.value)){

        this.nextElementSibling.innerText="正確了";

        this.nextElementSibling.style.color="green";

      }else{

        this.nextElementSibling.innerText="讓你得瑟,錯了吧";

        this.nextElementSibling.style.color="red";

      }

    };

  }

“怎么使用javascript正則表達式”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！