www.zfire.com/Ainaphp/Tpl/Home/Default/Try_show.html

<!-- banner 开始 -->
<div class="global_banner">
	<div class="img"><img src="/img/global_banner_bg.jpg" alt=""></div>
	<div class="mask">
		<div class="p1 animateTop">免费使用，马上搭建您的专属小程序</div>
		<div class="p2 animateTop">您选择的小程序的类型是：</div>
	</div>
</div>
<!-- banner 结束 -->

<!-- 免费试用 开始 -->
<div class="try_detail_w w100">
	<div class="try_detail w1200">
		<div class="tab clearfix">
			<div class="li current" data-type="0">
				<div class="title">我要深度定制</div>
				<div class="text">专业一对一开发，让您的小程序与众不同</div>
				<div class="dui"><i class="iconfont icon-dui"></i></div>
			</div>
			<div class="li" data-type="1">
				<div class="title">我要可视化定制</div>
				<div class="text">300+套模板任您选择，不满意可自由编辑</div>
				<div class="dui"><i class="iconfont icon-dui"></i></div>
			</div>
		</div>
		<div class="form">
			<form action="index.php?a=apply" method="post" id="myform">
				<input type="hidden" name="type" value="0" />
				<div class="input"><input type="text" name="name" placeholder="您的姓名：" /><span>*</span></div>
				<div class="input"><input type="text" name="phone" placeholder="您的手机号码：" /><span>*</span></div>
				<div class="input"><input type="text" name="qq" placeholder="您的QQ/微信：" /><span>*</span></div>
				<div class="tips"><span>请确认以上信息的准确性</span></div>
				<div class="button"><button type="submit">马上提交</button></div>
			</form>
		</div>
	</div>
</div>
<!-- 免费试用 结束 -->

<script src="js/validate.js" type="text/javascript"></script>
<script>
	$("#myform").validate({
		rules: {
			name: {
				required: true
			},
			phone: {
				required: true,
				minlength: 11,
				number: true
			},
			qq: {
				required: true
			},
		},
		messages: {
			name: {
				required: "姓名不能为空"
			},
			phone: {
				required: "手机号码不能为空",
				minlength: "手机号码不正确",
				number: "手机号码为纯数字"
			},
			qq: {
				required: "QQ/微信不能为空"
			}
		}
	});
</script>