1. 程式人生 > >頁面常用的JS和非同步請求(一)

頁面常用的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, 這可坑爹了,  比如 同步請求

HttpHttps網路同步請求httpclient非同步請求async-http-client

    Http和https網路請求     主要總結一下使用到的網路請求框架,一種是同步網路請求org.apache.httpcomponents的httpclient,另一種是非同步網路請求com.ning的async-http-client,總結一下常用的http請求

okhttp 同步請求非同步請求

一、使用OkHttp OkHttp傳送請求後,可以通過同步或非同步地方式獲取響應。下面就同步和非同步兩種方式進行介紹。 1.1、同步方式 傳送請求後,就會進入阻塞狀態,知道收到響應。下面看一個下載百度首頁的例子: OkHttpClient client = new

根據正則表達式匹配頁面jscss文件

regex str ref for mcs group brush ups clas           // 匹配           List<string> srcList = new List<string>();

根據正則表示式匹配頁面jscss檔案

          // 匹配           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

POSTGET以及同步請求非同步請求的區別

一、HTTP是應用層的網路傳輸協議,對於HTTP的請求方式主要流行的GET請求與POST請求對於GET請求與POST請求的區別 1.GET請求,伺服器以及引數都會出現在請求介面中,也就是請求引數也是介面的一部分,而POST請求在介面中只有伺服器地址,而引數會作為請求提交

關於jsjava的點點不同

今天寫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同步請求非同步請求的區別

同步是指:傳送方發出資料後,等接收方發回響應以後才發下一個數據包的通訊方式。使用者填寫所有資訊後,提交給伺服器,等待伺服器的迴應(檢驗資料),是一次性的。資訊錯誤又要重新填寫!非同步是指:傳送方發出資料