提交时 JavaScript 日期验证

Question

这个问题已经有答案了:

How to validate a date? (11 个回答)

已关闭 6 年前。

这里有我的实​​际代码的模拟。

我需要做的是，如果日期格式无效，则应返回 false 并且不会提交。

function validateDate(DateField) {
	    var regDate = /^([0-9]{2})\.([0-9]{2})\.([0-9]{4})$/;

	    if(DateField.value.length > 0) {
	        if(regDate.test(DateField.value) == false) {
	            alert('Date Format should be dd.mm.yyyy!');
	            document.getElementById("lblTest").style.color = "red";
	            return false;
	        } else {
	            document.getElementById("lblTest").style.color = "black"
	            return true;
	        }
	    } else {
	        document.getElementById("lblTest").style.color = "black";
	        return true;
	    }
	}
  
  $("#submit").click(function(){
    //condition should be here but right now I dont know what this should be
  });

<form method="post">
    <label id="lblTest">Date</label>
    <input type="test" placeholder="dd.mm.yyyy" id="txtDate" onblur="validateDate(this);">
    <input type="button" id="submit" formaction="www.google.com" value="Submit">
</form>

Answer 1

您可以处理提交事件。如果验证未通过则返回 false:

$('form').submit(function(){
    //validate here
})