Commit 371eecc3 authored by linjw's avatar linjw

保证服务前端

parent 36390029
......@@ -22,11 +22,8 @@ $!{config.qq_domain_code}
<script src="$!webPath/resources/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="$!webPath/resources/js/jquery.shop.common.js"></script>
<script src="$!webPath/resources/js/jquery.lazyload.js"></script>
<script>
</script>
<style>
<script src="$!webPath/resources/style/system/front/wap/js/jquery.validate.min.js"></script>
</style>
</head>
<body>
......@@ -35,10 +32,106 @@ $!httpInclude.include("/head.htm")
$!httpInclude.include("/nav1.htm")
<div class="main">
<div class="index">
<span>保障服务</span>
<div class="index" style="text-align:center;margin:0 auto" >
<img src="$!webPath/upload/activity/pic5.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic6.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic7.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic11.jpg" alt="" style="width:25%;margin-top:10px" class="order">
<img src="$!webPath/upload/activity/pic9.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic10.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic1.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic2.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic12.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic11.jpg" alt="" style="width:25%;margin-top:10px" class="order">
<img src="$!webPath/upload/activity/pic14.jpg" alt="" style="width:100%">
<img src="$!webPath/upload/activity/pic4.jpg" alt="" style="width:100%">
<form action="$!webPath/add_assurance_service.htm" method="post" style="background-color:#fff;width:40%;padding:20px;position:fixed;left:50%; top:150px;margin-left:-324px;border:1px solid #FBB03B;border-radius:60px" id="formValue" name="formValue">
预约表 <span id="no" style="cursor:pointer;position: absolute;top:20px;right: 30px;font-size:20px">x</span> <br>
&nbsp &nbsp &nbsp 姓名: <input type="text" name="name" style="width:300px;margin-top:15px;margin-bottom:5px" id="name"><br>
&nbsp &nbsp手机号: <input type="text" name="phone" style="width:300px;margin:5px 0" id="phone"><br>
&nbsp &nbsp &nbsp 地址: <input type="text" name="address" style="width:300px;margin:5px 0" id="address"><br>
监理类别:<input type="text" name="type" style="width:300px;margin:5px 0" id="type" class="typeInput"><br>
监理内容:<input type="text" name="content" style="width:300px;margin-top:5px;margin-bottom:15px" id="content"><br>
<input name="" type="submit" value="提交" style="border:1px solid #FBB03B;border-radius:10px;width: 50px;background-color:#fff">
</form>
</div>
</div>
$!httpInclude.include("/footer.htm")
</body>
</html>
<script>
$(function(){
$("#formValue").hide();
$(".order").on("click",function(){
$("#formValue").show();
$("#name").val("");
$("#phone").val("");
$("#address").val("");
$(".typeInput").val("");
$("#content").val("");
});
$("#no").on("click",function(){
$("#formValue").hide();
});
jQuery.validator.addMethod("verify", function(value, element) {
var re = /^([0-9a-zA-Z]|[\u4E00-\u9FA5])+$/;
if (re.test(jQuery("#name").val())) {
return true;
} else {
return false;
}
});
jQuery.validator.addMethod("account",function(value,element){
var re = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;
if(re.test(jQuery("#phone").val())){
return true;
}
else {
return false;
}
});
$("#formValue").validate({
rules : {
name : {
required : true,
verify : true,
},
phone:{
required : true,
account: true,
},
address:{
required : true,
},
type:{
required : true,
},
content:{
required : true,
}
},
messages : {
name : {
required : "用户名不能为空",
verify : "存在特殊字符",
},
phone:{
required:"手机号码不能为空",
account:"请输入正确的手机号码",
},
address:{
required: "地址不能为空",
},
type:{
required:"监理类别不能为空",
},
content:{
required:"监理内容不能为空",
}
},
})
})
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment