Using Regex to validate Date field
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script type="text/javascript">
function isValidDate(sText) {
var regexDate = /(?:0[1-9]|[12][0-9]|3[01])\/(?:0[1-9]|1[0-2])\/(?:19|20\d{2})/;
return regexDate.test(sText);
}
function validate() {
var inputDate = document.getElementById('dateInput');
if (isValidDate(inputDate.value)) {
document.getElementById('dateResult').innerHTML = "Validated"
document.getElementById('dateResult').style.color ='green'
// alert("Valid");
} else {
document.getElementById('dateResult').innerHTML = "Invalid"
document.getElementById('dateResult').style.color ='red'
// alert("Invalid!");
}
}
</script> |
|
1 2 3 4 5 6 |
<form method="get" action="" onsubmit="validate();return false">
<ul>
<li><label for="dateInput">Date:</label> <input type="text" id="dateInput" /><span id="dateResult"> </span><br /><small>example: DD/MM/YYYY</small></li>
<li><input type="button" value="Validate" onclick="validate()" /></li>
</ul>
</form> |