頁面常用的JS和非同步請求(一)
為了提高開發人員的開發效率,本人總結了頁面常用的判斷,不一定符合大家的要求,需要的借鑑下就OK
1、判斷value值是否為空
function cxCheckEmpty(value) {
return !(value && value.trim().length > 0);
}
var ownerName = document.getElementById("ownerName").value.trim();
vdata.ownerName=ownerName;
if (cxCheckEmpty(ownerName)) {
cxAlert("請輸入車主姓名");
return;
} else {
if (ownerName.length < 2 || !cxIsChinese(ownerName)) {
cxAlert("車主姓名要求2-4個漢字");
return;
}
}
2、判斷是否是兩個字的中文
function cxIsChinese(temp) {
var re = /[^\u4e00-\u9fa5]/;
if (re.test(temp))
return false;
return true;
}
3、案例方法
function validateUserName(name, infoStr) {
infoStr = infoStr || "";
if (cxCheckEmpty(name)) {
return ("請輸入" + infoStr + "姓名");
} else {
if (name.length < 2 || !cxIsChinese(name)) {
return (infoStr + "姓名要求2-4個漢字");
}
}
}
4、驗證郵箱的格式
function validateEmail(email, infoStr) {
infoStr = infoStr || "";
var pattern = /^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
flag = pattern.test(email);
if (!flag) {
return infoStr + "電子郵件地址不正確";
}
}
5、非同步請求資料方法
function cxPostData(jsonObj) {
var url = jsonObj.url;
var data = jsonObj.data;
var successCb = jsonObj.success;
$.ajax({
type : "post",
timeout : 60000,
url : url,
data : data,
async : true,
success : function(data) {
if (successCb) {
if (cxJudgeSuccess(data)) {
successCb(data);
}
}
},
error : function() {
// view("異常!");
cxAlert("網路連線失敗,請檢查一下網路設定");
cxLoadingClose();
}
});
}
6、案例
//請求城市編碼
cxPostData({
url : 'gain_cityCode.do',
data : {
orderNo : veh.orderNo,
checkMsg : veh.identifyNumber
},
success : function(data) {
var cityCode = data.city.cityCode;
if(cityCode=="110100"){
show_policy = "YES";
$("#taiping_id_flx_bs_polity").show();
veh.hasCityCode = 'YES';
veh.show_policy = "YES";;
cxSsVeh(veh);
cxLoadingClose();
}else{
veh.hasCityCode = 'YES';
cxSsVeh(veh);
cxLoadingClose();
}
}
});
7、驗證手機號碼
function validateMobile(mobile, infoStr) {
infoStr = infoStr || "";
if (mobile.length == 0) {
return ('請輸入' + infoStr + '手機號碼!');
}
if (mobile.length != 11) {
return ('請輸入' + infoStr + '11位手機號碼!');
}
8、驗證身份證(重點驗證)具體實現自己測試
1、應用card.js檔案
2、方法開始:
if (procValidResIsFail(validateMobile(‘身份證號碼’,‘用於展示的資料【可以忽略】’))) {
return;
}
function procValidResIsFail(idenRes) {
if (idenRes) {
cxAlert(idenRes);
return true;
}
return false;
}
//card.js裡面的方法
function validIdentityCode(code, infoStr) {
infoStr = infoStr || "";
if (!(code!=undefined && (code.length == 15 || code.length == 18))) {
return "請輸入15或18位" + infoStr + "身份證號碼";
}
return checkCard(code, infoStr);
}
備註:這是直接的方法,比較簡單,後續還需完善。。。。。。。
相關推薦
頁面常用的JS和非同步請求(一)
為了提高開發人員的開發效率,本人總結了頁面常用的判斷,不一定符合大家的要求,需要的借鑑下就OK 1、判斷value值是否為空 function cxCheckEmpty(value) {ret
詳細解讀XMLHttpRequest(一)同步請求和非同步請求
XMLHttpRequest 讓傳送一個HTTP請求變得非常容易。你只需要簡單的建立一個請求物件例項,開啟一個URL,然後傳送這個請求。當傳輸完畢後,結果的HTTP狀態以及返回的響應內容也可以從請求物件中獲取。 通過XMLHttpRequest生成的請求可以有兩種方式來
HTML常用元素和屬性(一)
鍵盤 set res html 5 格式 stc down 下標 術語 1:基礎元素 <!--..-->定義註釋 <html>根元素 <head>頁面頭部分 <title>頁面標題 <body>主題部分,屬性可以指
extjs中Ext.Ajax.request同步請求和非同步請求
用Ext.Ajax.request請求預設是非同步請求,這就導致定義的物件無法識別,沒有定義,因此需要將請求方式改為同步。請看程式碼。 function showFormPanel(){ if(centerPanel.getSelectionModel().hasSelection()){
注意ajax的同步和非同步請求
預設 一般ajax 或者 ajax工具 都是 非同步請求的。 但是 在開發中,使用了一個 開源的 前端ui裡面自帶的ajax工具, 文件寫錯了, 把 非同步請求 和 同步請求的配置引數搞反了。 不小心 設定成了 同步的 ajax, 這可坑爹了, 比如 同步請求
Http和Https網路同步請求httpclient和非同步請求async-http-client
Http和https網路請求 主要總結一下使用到的網路請求框架,一種是同步網路請求org.apache.httpcomponents的httpclient,另一種是非同步網路請求com.ning的async-http-client,總結一下常用的http請求
okhttp 同步請求和非同步請求
一、使用OkHttp OkHttp傳送請求後,可以通過同步或非同步地方式獲取響應。下面就同步和非同步兩種方式進行介紹。 1.1、同步方式 傳送請求後,就會進入阻塞狀態,知道收到響應。下面看一個下載百度首頁的例子: OkHttpClient client = new
根據正則表達式匹配頁面中js和css文件
regex str ref for mcs group brush ups clas // 匹配 List<string> srcList = new List<string>();
根據正則表示式匹配頁面中js和css檔案
// 匹配 List<string> srcList = new List<string>(); List<string> linkList = new List<string>();
web中的同步請求和非同步請求的差別(重點是ajax中的同步與非同步)
此前,對於web中同步請求和非同步請求的概念模糊不清,不過對於這樣的知識盲點,不去克服的話都不好意思說自己是一名前端開發人員了[捂臉][捂臉]。還好,功夫不負有心人。通過自己的方式終於讓自己理解了,這兩個概念,因此,也想把自己的理解作博文,跟大家分享,如果說的不對,還請各位
Web_Http同步和非同步請求區別
舉個例子:普通B/S模式(同步)AJAX技術(非同步) 同步:提交請求->等待伺服器處理->處理完畢返回 這個期間客戶端瀏覽器不能幹任何事 非同步: 請求通過事件觸發->伺服器處理(這是瀏覽器仍然可以作其他事情)->處理完畢 同步就是你叫我去吃飯,我
同步請求和非同步請求的區別
先解釋一下同步和非同步的概念 同步是指:傳送方發出資料後,等接收方發回響應以後才發下一個數據包的通訊方式。 非同步是指:傳送方發出資料後,不等接收方發回響應,接著傳送下個數據包的通訊方式。 同步通訊方式與非同步通訊的概念 同步通訊方式要求通訊雙方以相同的時鐘頻率進行,而且準確協調,通過共享一個單個時鐘
Okhttp之同步和非同步請求簡單分析
在讀這篇部落格之前,如果想了解okhttp更多原理,可移步博主的okhttp分類部落格。用過okhttp的應該都瞭解,Okhttp是支援同步和非同步請求的,本篇就就對其原理做一個簡單的梳理。算是加深okhttp的理解。 同步請求使用方式如下: Respo
POST和GET以及同步請求和非同步請求的區別
一、HTTP是應用層的網路傳輸協議,對於HTTP的請求方式主要流行的GET請求與POST請求對於GET請求與POST請求的區別 1.GET請求,伺服器以及引數都會出現在請求介面中,也就是請求引數也是介面的一部分,而POST請求在介面中只有伺服器地址,而引數會作為請求提交
關於js和java的一點點不同
今天寫jsp程式碼的時候,用到了java和js中的變數傳遞,但是出現了一點小問題,就是java中的字串傳到js中就不對了,結果除錯了半天發現,js中的字串是要加' '的,比如java中的string變數s,傳到js中是
同步請求和非同步請求的區別(轉發)
同步請求和非同步請求的區別 先解釋一下同步和非同步的概念 同步是指:傳送方發出資料後,等接收方發回響應以後才發下一個數據包的通訊方式。 非同步是指:傳送方發出資料後,不等接收方發回響應,接著傳送下個數據包的通訊方式。 同步通訊方式與非同步通訊的概念 同
html不重新整理頁面更新js和圖片
網頁快取Js,css以及圖片導致頁面重新整理無效果的三種解決辦法,如下: 方法一(php頁面新增): 檢視程式碼 列印 1 header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 2 header(
同步請求和非同步請求
(自iOS9.0起,NSURLConnection.sendSynchronousRequest被廢除不用了。建議改用NSURLSession的dataTaskWithRequest方法。具體用法可以參考這篇文章:Swift - 使用NSURLSession同步
okHttpClient同步請求和非同步請求的區別
OKhttp中請求任務的管理是由dispatcher來負責的,負責的請求的分發的發起,實際執行請求的是ConnectionPool同步請求:同一時刻只能有一個任務發起,synchronized關鍵字鎖住了整個程式碼,那麼如果dangqianOKhttpClient已經執行了一
Ajax同步請求和非同步請求的區別
同步是指:傳送方發出資料後,等接收方發回響應以後才發下一個數據包的通訊方式。使用者填寫所有資訊後,提交給伺服器,等待伺服器的迴應(檢驗資料),是一次性的。資訊錯誤又要重新填寫!非同步是指:傳送方發出資料