发送手机验证码60s倒计时,然后提交表单的例子在现在是很常见的了,刚好项目里面用到了一个,就做个积累吧,基于sui框架的表单提交。
html代码如下:
<!DOCTYPE html>
<#include "/ftl/common/base.ftl">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>绑定手机号</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
<link rel="stylesheet" href="${URLPrefix.statics}/css-sui/base.css">
<link rel="stylesheet" href="${URLPrefix.statics}/css-sui/my/login.css">
</head>
<body>
<div class="page-group">
<div class="page page-current">
<!--header start-->
<header class="bar bar-nav headerBar">
<a class="icon icon-iconfontback pull-left back"></a>
<h1 class="title">绑定手机号</h1>