前端表单相关验证

//提交时进行表单验证，验证不通过，无法提交数据到后台

<form name="form" action="跳转的页面" method="post"  onsubmit="return regular()">
　　<input type="text" id="name"/>
　　<input type="sumit" value="提交"/>
</form>

function regular(){
　　　var name=$("#user_name").val();
　　　var phone=$("#phone").val();
　　　var identify=$("#identify").val();
　　　var area=$("#area").val(); 　　　　　　　

　　　var name_regular=/[\u4e00-\u9fa5]{2,7}]/; //姓名正则
　　 var regular=/ \d{17}[\d[x] | \d{15} /;　　　　//身份正则
　　　var regular=/0\d{2,3}-\d{7,8}/　;　　　//固定电话正则
　　　var phone_regular=/ ^1[3|4|5|6|7|8|9][0-9]\d{8}$/;   //手机正则
　　　var area_regular=/^ (\d+\.\d{1,4} | \d+) $/ ;　　　//土地面积正则

　　  var  reg=/(^[0-9]*\.([0-9]{1}\d*)$)|(^[0-9]*$)/;  //数字正则

　　 if(name.length>0&&!name_regular.test(name)){
　　　　alert("姓名格式不正确");
　　　　return;
　　 } 　　

　　 if(phone.length>0&&!name_regular.test(phone)){
　　　　alert("电话格式不正确");
　　　　return;

　　 }　　　　
}

• 整数 /^[0-9]*$/
• 小数 /(^[0-9]*\.([0-9]{1}\*)$/
• 整数与小数 /(^[0-9]*\.([0-9]{1}\d*)$)|(^[0-9]*$)/

//申请时间自动填充为当前时间

<input id="apply_date"   type="text"    class="form-control"   readonly    allownull="false"   datatype="string"  style="width:100px;float:left"  desc="弹窗描述"  />

 

 

$(function(){

　　var   d=new Date();

　　var  month="";

　　var  day="";

　　if(d.getMonth<9){

　　　　month="0"+(d.getMonth()+1);

　　}else{

　　　　month=(d.getMonth()+1);

　　}

　　//判断天数

　　if（d. getDate()<10）{

　　　　day="0"+d.getDate();

　　}else{

　　　　day=d.getDate();

　　}

　　var 　today=d.getFullYear()+"-"+month+"-"+day;

　　$(“ apply_date”).val(today);

});

 

 

//开始时间不能大于结束时间判断，要记得引入WdatePicker.js和placeholder97.js，通过JS方式判断

//开始时间

<input id="begin_time"   type="text"    class="form-control"   readonly    allownull="false"   datatype="string"  style="width:100px;float:left"  desc="弹窗描述"  />

 

//结束时间

 

 <input id="end_time"   type="text"    class="form-control"   readonly    allownull="false"   datatype="string"  style="width:100px;float:left"  desc="弹窗描述"  />

 

$(function(){

　　var options={

　　　　"begin_time":{

　　　　　　My97opt:{

　　　　　　 isShowClear:true,

　　　　　　alwaysUseStartDate:true,

　　　　　　dateFmt:'yyyy-MM-dd',

　　　　　　maxDate:'#F{$dp.$D(\'end_time\'')}'

　　　　 },

　　},

　　

　　　　end_time":{

　　　　　　My97opt:{

　　　　　　 isShowClear:true,

　　　　　　alwaysUseStartDate:true,

　　　　　　dateFmt:'yyyy-MM-dd',

　　　　　　maxDate:'#F{$dp.$D(\'bigin_time\'')}'

　　　　　　 }

　　　　}

　　}

　　$(.wrapper).placeholder97(options);

})

 

 

//开始时间不能大于结束时间判断，要记得引入WdatePicker.js，直接输入框方式判断

//开始时间

 <input id="begin_time"   type="text"    class="form-control"   readonly    allownull="false"   datatype="string"  style="width:100px;float:left"  desc="弹窗描述" 

　　onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'end_time\')}'});" />

//结束时间

 <input id="end_time"   type="text"    class="form-control"   readonly    allownull="false"   datatype="string"  style="width:100px;float:left"  desc="弹窗描述" 

　　onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'begin_time\')}'}); />