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

<link rel="stylesheet" type="text/css" href="/css/global.css">
<link rel="stylesheet" type="text/css" href="/css/main.css">
<!-- banner 开始 -->
<div class="global_banner page_banner_w" style="height: 520px;">
	<div class="img"><img src="img/miniApps_banner.jpg" alt=""></div>
	<div class="page_banner_mask">
		<div class="p1 animateTop">模板开发小程序,海量模板,一键套用,快速生成</div>
		<div class="p2 animateTop">实现你“触手可及”云梦想</div>
		<div class="btn animateTop"><a href="{$Categorys[17][url]}" target="_blank">立即咨询</a></div>
		<div class="text animateTop">We can help you make your dreams come true</div>
	</div>
</div>
<!-- banner 结束 -->

<!-- 免费试用 开始 -->
<div class="try_detail_w w100">
	<div class="try_detail w1200">
		<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="您想要的模板：" /><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: "请填写您想要的模板"
			}
		}
	});
</script>