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