阻止form表单提交的时候页面刷新

把<button></button>标签改为<input type="button">或者在<button>中添加属性 type="button"

问题虽小，但还是有必要记录一下

改之前，每次点击都会刷新页面，错误信息也不提示

<button type="submit" class="layui-btn layui-block" onclick="login()" >登录</button>

改之后，请求成功页面能成功跳转，请求失败提示错误信息

<input type="button" class="layui-btn layui-block" onclick="login()" value="登录"/>

附上js代码

function login() {
	var LOGIN_NAME = $("#LOGIN_NAME").val();
	var LOGIN_PASSWORD = $("#LOGIN_PASSWORD").val();
	if(LOGIN_NAME != '' && LOGIN_PASSWORD != '' && LOGIN_NAME != null && LOGIN_PASSWORD != null) {
		$.post("http://localhost:8095/SysUser/login", {
			LOGIN_NAME: LOGIN_NAME,
			LOGIN_PASSWORD: LOGIN_PASSWORD
		}, function(data) {
			if(data.code == 0) {
				window.location.href = "http://127.0.0.1:8020/demo/index.html";
			} else {
				layer.msg("账号或密码错误，请重新登录");
			}
		})
	}

}