-
Notifications
You must be signed in to change notification settings - Fork 0
/
wzcx.html
146 lines (128 loc) · 5.71 KB
/
wzcx.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>车生活</title>
<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">
<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/i/[email protected]">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="车生活"/>
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default">
<div class="am-header-left am-header-nav">
<a href="javascript:history.go(-1)" class="">
<i class="am-header-icon am-icon-chevron-left"></i>
</a>
</div>
<h1 class="am-header-title">
<a href="#title-link" class="">违章查询</a>
</h1>
<div class="am-header-right am-header-nav">
<a href="javascript:;" id="nav_click" class="">
<i class="am-menu-toggle-icon am-icon-th-large am-icon-sm"></i>
</a>
</div>
</header>
<div style="height:70px"></div>
<form action="wzresult.html" class="am-form" id="doc-vld-msg">
<div class="am-g">
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-defalut"><span class="am-input-group-label">车牌号码</span>
<input class="am-form-field" type="text" minlength="7" maxlength="7" data-validation-message="*请输入正确的车牌" placeholder="请输入车牌号码" onkeyup="this.value = this.value.toUpperCase();" value="粤S" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-defalut"><span class="am-input-group-label">车架号 </span>
<input class="am-form-field" type="text" minlength="6" maxlength="6" data-validation-message="*请输入正确的车架号" placeholder="请输入车架号后六位" onkeyup="this.value = this.value.toUpperCase();" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-defalut"><span class="am-input-group-label">发动机号</span>
<input class="am-form-field" type="text" minlength="6" maxlength="6" data-validation-message="*请输入正确的发动机号" placeholder="请输入发动机号后六位" onkeyup="this.value = this.value.toUpperCase();" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-g">
<div class="am-u-sm-7">
<div class="am-input-group am-form-group am-input-group-defalut"><span class="am-input-group-label">验证码 </span>
<input class="am-form-field" type="tel" minlength="4" maxlength="4" data-validation-message="*请输入正确的验证码" placeholder="请输入验证码" required/>
</div>
</div>
<div class="am-u-sm-5">
<img src="http://www.thinkphp.cn/member/verify.html" style="height:37px;width:100%" class="am-fr" onclick="this.src='http://www.thinkphp.cn/member/verify.html?'+new Date().getTime()" />
</div>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-form-group">
<a href="javascript: void(0)" data-am-modal="{target: '#xszsm', closeViaDimmer: 0, width: '320', height: 220}">*车架号在行驶证上，不明点我</a>
</div>
</div>
<div class="am-modal am-modal-no-btn" tabindex="-1" id="xszsm">
<div class="am-modal-dialog">
<div class="am-modal-hd">行驶证样板
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>×</a>
</div>
<div class="am-modal-bd">
<img src="assets/i/xsz.jpg" style="width:100%">
</div>
</div>
</div>
<div class="am-u-sm-12">
<button class="am-btn am-btn-success am-radius am-btn-block" type="submit">立即查询</button>
</div>
</div>
</form>
<script type="text/x-handlebars-template" id="amz-tpl">
{{>menu menu}}
{{>list_news list1}}
{{>list_news list2}}
{{>footer footer}}
{{>navbar navbar}}
</script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/handlebars.min.js"></script>
<script src="assets/js/amazeui.widgets.helper.js"></script>
<script src="assets/js/app.js"></script>
<script type="text/javascript">
$(function() {
$('#doc-vld-msg').validator({
onValid: function(validity) {
$(validity.field).closest('.am-form-group').find('.am-alert').hide();
},
onInValid: function(validity) {
var $field = $(validity.field);
var $group = $field.closest('.am-form-group');
var $alert = $group.find('.am-alert');
// 使用自定义的提示信息 或 插件内置的提示信息
var msg = $field.data('validationMessage') || this.getValidationMessage(validity);
if (!$alert.length) {
$alert = $('<div class="am-alert am-alert-danger"></div>').hide().
appendTo($group);
}
$alert.html(msg).show();
}
});
});
</script>
<!--<![endif]-->
</body>
</html>