阻止form表單提交的時候頁面重新整理
阿新 • • 發佈:2018-11-12
把<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("賬號或密碼錯誤,請重新登入"); } }) } }