在“字符验证码的创建”一文中,已经介绍了如何创建验证码,这回我们使用手机号和验证码来做登录校验:
HTML页面:
<form id="form" action="/login" method="post">
<div>
手机号:
<input type="text" id="phoneNumber" name="phoneNumber">
</div>
<div>
验证码:
<input type="text" id="verifyCode" name="verifyCode">
<img th:src="@{/verifyCode}" id="realVerifyCode">
<a href="#" onclick="changeVerify()" id="changeVerify">看不清,换一张</a>
</div>
<div>
<button type="button" onclick="submit()">登录</button>
</div>
</form>
JavaScript代码(使用了jquery.form.js
):
function submit() {