运行效果
主体代码只写html,css,js部分只校验了短信验证,引用插件百度即可,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
<style>
*{
margin: 0;
padding: 0;
}
.ipt{
height: 30px;
width: 280px;
border-radius: 3px;
}
#ipt-yz{
height: 30px;
width: 135px;
border-radius: 3px;
}
#btnSendCode1{
height: 34px;
width: 135px;
cursor: pointer;
background: lightgray;
border-radius: 3px;
}
#btnSendCode1:hover{
background: lightslategray;
}
#sub{
height: 35px;
width: 120px;
border-radius: 5px;
cursor: pointer;
background: red;
margin-l