1. 程式人生 > >阻止form表單提交的時候頁面重新整理

阻止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("賬號或密碼錯誤,請重新登入");
			}
		})
	}

}