表單前端驗證 ajax非同步請求

2021-07-04 09:37:36 字數 746 閱讀 3443

今天做了乙個登錄檔單的各個欄位的前端的驗證,感覺能用,但不知道還有沒有更好的方法,特別是阻止表單提交那塊,用了4個變數,感覺有點麻煩,明天要後台驗證,用到正規表示式,之前沒用過,又可以嘗試新的東西了

$(function()else if($('.phone').attr('value').length!=11)else

//非同步請求

$phone=$('.phone').val();

if($phone),function( data )else

});}

});//暱稱驗證

$('.name').blur(function()else

});//密碼驗證

$('.password').blur(function()else if($('.password').attr('value').length!=6)else

});//確認密碼驗證

$('.re_password').blur(function()else

});//提交表單

$('.btn_agree').click(function()else

});});

後台獲取賬號:

//返回前端非同步請求的使用者賬號(手機號碼)

public function get_phone()else

$this->ajaxreturn($data);

}

ajax非同步提交表單。

ajax非同步提交表單有幾種方法。1,不利用表單,通過拼接字串data 進行提交資料。此方法如果想 需要借助html5 filereader 把轉換成base64字串通過隱藏域傳值。這樣有把base64字串傳到後台,base64字串中的 會在提交的時候被轉義。可以吧base64字串進行加密再解密 2...

Ajax前端請求

最近在做網頁時遇到了一些坑,對於http協議沒有深入了解,以及對httpservletrequest類的理解尚淺,造成一些困擾,分析下請求型別,取值的方法四種常見的 post 提交資料方式值描述 在傳送前編碼所有字元 預設 multipart form data 不對字元編碼。在使用包含檔案上傳控制...

前端 表單驗證

在form 中新增onsubmit 如下 賬號或者密碼兩者有乙個為空便會提示錯誤,並且表單不能提交。這個要匯入乙個jquery包,但是 量會相對少一點 如下 密碼為空的結果顯示如下 使用方式注意兩點 3.1 將校驗規則寫到控制項中 3.2 將校驗規則寫到js 中 function messages ...