js 驗證日期格式爲YYYY-MM-DD （使用onchange對input中的值進行驗證）

//js

function checkDate(dateStr){
            var a = /^(\d{4})-(\d{2})-(\d{2})$/
            if (!a.test(dateStr.value)) {
                alert("錯誤！日期格式應爲XXXX-XX-XX!");
                dateStr.focus();
                return false;
            }else{
                return true;
            }
        }

//html

<input type="text" name="rq" οnchange="checkDate(this)"/>

 

 

爲什麼要用onchange 而不用onblur，當頁面中有兩個input都存在onblur時相互之間會互相觸發導致死循環無限觸發onblur 所以改爲onchange 

Onchange方法：輸入框失去焦點並且value改變之後觸發。

    從上面的定義可以看出觸發Onchange方法需要滿足兩個條件：1.value值改變   2.輸入框失去焦點。

onblur無限觸發問題參考自：https://blog.csdn.net/WARGON/article/details/80872724