layui加jQuery实现 web 登录功能（验证码验证）

登录

注意：这里需要将layui.css，layui.js，jquery.js，自行加入即可，希望这篇博客能给大家带来帮助。

用户输入部分

用户输入部分就是输入用户名，密码之类，不做过多说明，直接看代码

<div class="login-main">
				<form  class="layui-form" action="index.html" method="post">
					<input name="submited" type="hidden" value="">

					<div class="layui-form-item">
						<!--<label class="login-icon"><i class="layui-icon"></i></label>-->
						<input type="text" name="userName" lay-verify="userName" autocomplete="off" placeholder="这里输入登录名" class="layui-input">
					</div>

					<div class="layui-form-item">
						<input type="password" name="password" lay-verify="password" autocomplete="off" placeholder="这里输入密码" class="layui-input">
					</div>

					<div>
						<input type="text" name="captcha" id="captcha" placeholder="      请输入验证码" autocomplete="off" class="layui-input admin-input admin-input-verify" value="">
						<canvas id="canvas