HTML使用正則驗證

制作HTML前台用戶驗證等，需要對用戶名或者密碼進行驗證，這時使用正則表達式能夠精確地對text進行限制。

具體在HTML中的運用代碼如下：

轉自 https://blog.csdn.net/weixin_43524620/article/details/83820989

 

//首先創建一個input框 id為id手機號
<input type="text" name="tel" id="id"><br>

//創建一個button，引用下面的fun()
<input type="button" οnclick="fun()" value="驗證"><br>
 
//引用jq文件
<script src="{{asset('js')}}/jquery.min.js"></script>


<script>
//這里創建了點擊事件
    function fun() {
//獲取到id為id 的val值
       var tel = $('#id').val();
        //alert(tel);
//這里設置正則表達式，放在下划線之間
//^是指從頭開始 $到哪里結束 1代表第一位必須是1 [345]第二位必須是345 [0-9]{9}指的是后九位必須是0-9之間的數字
        var res =/^1[345][0-9]{9}$/;
        //res是正則表達式 .test() 驗證正則  括號填寫需要驗證的值
        if(res.test(tel)){
            alert(1);
        }else{
            alert(2);
        }
    }
</script>