表单验证输入的格式是日期(yyyy-MM-dd)格式

举个栗子:
这里有一个表单,里面有一个input标签它的名字是date

 <form action="InsertServlet?opr=insert" name="form"  method="post">
    	<p>购买日期:<input type="text" name="date" ><span>yyyy-MM-dd格式</span></p>
    
    	<p><input type="button" value="提交" οnclick="check()"></p>
    </form>

当点击提交的时候回触发check()点击事件,
在下面获取到date的值,再通过正则表达式检验是否是日期格式:

function check(){
		var date=document.getElementsByName("date")[0].value;
		var r=new RegExp(/^(\d{4})-(0\d{1}|1[0-2])-(0\d{1}|[12]\d{1}|3[01])$/);
		
if(!(r.test(date))){		
			alert("时间格式不正确!");
		}else{		
	//调用提交事件的方法	window.location.href="javascript:document.form.submit()"; 
		}
	
	}
发布了108 篇原创文章 · 获赞 46 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_44739706/article/details/104409502