阻止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("账号或密码错误，请重新登录");}})}}