总结一下js前端页面常用的字段验证:
1.验证某某时间必须大于某某时间:
前端存到数据库的时间如果是字符串类型则需要先获取该时间,然后对该时间进行处理,一般时间的格式是yyyy-mm-dd。我们可以先替换“-”,然后将它转化为int类型,在对两个时间相减,从而做后续工作(如弹个提示框之类的)
字符串替换:(将-替换为空字符)
<span style="font-family:Microsoft YaHei;">var str = "2015-9-16"; //原字符串
str.replace(/-/g,"");<span style="white-space:pre"> </span>//正则表达式替换,g表示替换所有匹配的子串</span>
将字符串转化为int类型:
在jsp页面将字符串转化为int类型用parseInt()方法
例子:
<span style="font-family:Microsoft YaHei;">var d1 = parseInt(orderdate.replace(/-/g,""));//下单日期
var d2 = parseInt(appointmentdate.replace(/-/g,""));//预约日期
var d3 = parseInt(d2-d1);
//预约日期
if($("#appointmentdate").val()==null||$("#appointmentdate").val()==""){
alert("预约日期不能为空");
$("#appointmentdate").focus();
return;
}else if(d3<0){
alert("预约日期必须要大于或等于下单日期");
$("#appointmentdate").focus();
return;
}
<form action="__URL__/{$btn_ok_act}" method="post" id="pwdform">
<table border=0 cellspacing=1 align=center class=form>
<tbody>
<tr><td class="Text_r">下单日期:</td><td align="left"><input type="text" id="orderdate" name="orderdate" readonly="readonly" value=""
οnclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"/></td></tr>
<tr><td class="Text_r">预约日期:</td><td align="left"><input id="appointmentdate" type="text" name="appointmentdate" readonly="readonly" value=""
οnclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"/></td></tr>
<tr><td class="Text_r">订单状态:</td><td align="left"><input type="radio" name="orderstatus" checked="checked" value="1"/>待分配<input type="radio" name="orderstatus" value="2"/>已分配<input type="radio" name="orderstatus" value="3"/>完成</td></tr>
<tr><td class="Text_r">订单完成日期:</td><td align="left"><input type="text" name="orderokdate" readonly="readonly" value=""
οnclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"/></td></tr>
<tr><td class="Text_r"></td><td align="left"><input type="button" id="btsave" name="btsave" value="保存" /></td></tr>
</tbody>
</table>
</form></span>