页面元素:
<div class="layui-form-item">
<label class="beg-login-icon">
<i class="layui-icon"></i>
</label>
<input type="text" id="username" name="username" lay-verify="username" autocomplete="off" placeholder="这里输入登录名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="beg-login-icon">
<i class="layui-icon"></i>
</label>
<input type="password" id="password" name="password" lay-verify="password" autocomplete="off" placeholder="这里输入密码" class="layui-input">
</div>
<div class="layui-form-item">
<div class="beg-pull-left beg-login-remember">
<label>记住帐号?</label>
<input type="checkbox" id="rememberMe" name="rememberMe" value="true" lay-skin="switch" checked title="记住帐号">
</div>
<div class="beg-pull-right">
<button type="button" id="submitBtn" class="layui-btn layui-btn-primary" lay-submit lay-filter="login">
<i class="layui-icon"></i>登录
</button>
</div>
<div class="beg-clear"></div>
</div>
<script type="text/javascript" src="${rc.contextPath}/resources/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${rc.contextPath}/resources/plugins/jquery-cookie/jquery.cookie.js"></script>
编写处理逻辑:
$(function(){
$("#username").val(jQuery.cookie('username'));
$("#password").val(jQuery.cookie('password'));
$("#submitBtn").click(function(){
//var isRember = $("#rememberMe").attr("checked");
var isRember=$('#rememberMe').is(':checked');
if(isRember){ //如果记住
jQuery.cookie('username', $("#username").val());
jQuery.cookie('password', $("#password").val());
}else{
jQuery.cookie("username", '', { expires: -1 });
jQuery.cookie("password", '', { expires: -1 });
}
$("form").submit();
});
});