項目常見函數封裝,基於Jquery

來源:互聯網
上載者:User

/// /** DIV或元素置中* @return*/jQuery.fn.mCenterDiv = function () {    this.css("position", "absolute");    this.css("border", "1px solid #ccc");    this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");    this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px");    this.show(100);    return this;};/** 擷取URL參數* @param name 參數* @return*/jQuery.mGetUrlParam = function (name) {    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");    var r = window.location.search.substr(1).match(reg);    if (r != null) return unescape(r[2]); return null;};/** 乘法函數,用來得到精確的乘法結果* @param arg1 參數1* @param arg2 參數2* @return*/jQuery.mAccMul = function(arg1, arg2) {    var m = 0, s1 = arg1.toString(), s2 = arg2.toString();    try { m += s1.split(".")[1].length } catch (e) { }    try { m += s2.split(".")[1].length } catch (e) { }    return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)}/** 將數值四捨五入(保留2位小數)後格式化成金額形式* @param num 數值(Number或者String)* @return 金額格式的字串,如'1,234,567.45'*/jQuery.mFormatCurrency = function(num) {    num = num.toString().replace(/\$|\,/g, '');    if (isNaN(num))        num = "0";    sign = (num == (num = Math.abs(num)));    num = Math.floor(num * 100 + 0.50000000001);    cents = num % 100;    num = Math.floor(num / 100).toString();    if (cents < 10)        cents = "0" + cents;    for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++)        num = num.substring(0, num.length - (4 * i + 3)) + ',' +    num.substring(num.length - (4 * i + 3));    return (((sign) ? '' : '-') + num + '.' + cents);}/** 正則驗證* @param s 驗證字串* @param type 驗證類型 money,china,mobile等 * @return*/jQuery.mCheck = function (s, type) {    var objbool = false;    var objexp = "";    switch (type) {        case 'money': //金額格式,格式定義為帶小數的正數,小數點後最多三位            objexp = "^[0-9]+[\.][0-9]{0,3}$";            break;        case 'numletter_': //英文字母和數字和底線組成               objexp = "^[0-9a-zA-Z\_]+$";            break;        case 'numletter': //英文字母和數字組成            objexp = "^[0-9a-zA-Z]+$";            break;        case 'numletterchina': //漢字、字母、數字組成             objexp = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";            break;        case 'email': //郵件地址格式             objexp = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";            break;          case 'tel': //固話格式             objexp = /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;            break;        case 'mobile': //手機號碼             objexp = "^(13[0-9]|15[0-9]|18[0-9])([0-9]{8})$";            break;        case 'decimal': //浮點數             objexp = "^[0-9]+([.][0-9]+)?$";            break;        case 'url': //網址             objexp = "(http://|https://){0,1}[\w\/\.\?\&\=]+";            break;        case 'date': //日期 YYYY-MM-DD格式            objexp = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;            break;        case 'int': //整數             objexp = "^[0-9]*[1-9][0-9]*$";            break;        case 'int+': //正整數包含0            objexp = "^\\d+$";            break;        case 'int-': //負整數包含0            objexp = "^((-\\d+)|(0+))$";            break;        case 'china': //中文             objexp = /^[\u0391-\uFFE5]+$/;            break;    }    var re = new RegExp(objexp);    if (re.test(s)) {        return true;    }    else {        return false;    }};/** 擷取控制項的值* @param controlID 控制項ID* @param controltype 類型 如text radio* @return*/jQuery.mGetValue = function (controlID, controltype) {    var objValue = "";    switch (controltype) {        case 'text': //文本輸入框            objValue = $.trim($("#" + controlID + "").attr("value")); //取值去左右空格            break;        case 'radio': //單選框            objValue = $("input[name='" + controlID + "']:checked").attr("value");            break;        case 'select': //下拉式清單            objValue = $("#" + controlID + "").attr("value");            break;        case 'checkbox': //多選框            $("input[name='" + controlID + "']:checked").each(function () {                objValue += $(this).val() + ",";            });            break;        default:            break;    }    return objValue;};/** 設定控制項的值* @param controlID 控制項ID* @param controltype 類型 如text radio* @param controlvalue 綁定值* @return*/jQuery.mSetValue = function (controlID, controltype, controlvalue) {    switch (controltype) {        case 'text': //文本輸入框              //$("#txtUserID").attr("value", '這是綁定內容'); //填充內容              //$("input[name='radio1'][value='上海']").attr("checked", true); //單選組radio:設定value='上海'的項目為當前選中項              //$("#select1").attr("value", '葡萄牙'); //下拉框select:設定value='中國'的項目為當前選中項              //$("input[name='checkbox1'][value='黑色'],[value='藍色']").attr("checked", true); //多選框:設定多個值為當前選中項              $("#" + controlID + "").attr("value", controlvalue); //填充內容              break;        case 'radio': //單選框              $("input[name='" + controlID + "'][value='" + controlvalue + "']").attr("checked", true);            break;        case 'select': //下拉式清單              $("#" + controlID + "").attr("value", controlvalue);            break;        case 'checkbox': //多選框              $("input[name='" + controlID + "'][value='" + controlvalue + "'],[value='" + controlvalue + "']").attr("checked", true); //多選框:設定多個值為當前選中項              break;        default:            break;    }};/** 判斷object是否空,未定義或null* @param object * @return*/jQuery.mIsNull = function (obj) {    if (obj == "" || obj == "undefined" || obj == null) {        return true;    }    else {        return false;    }}/** 相容IEFirefox等瀏覽器的自動跳轉* @param url 跳轉網址* @return*/jQuery.mAutoNav = function (url) {    if ($.browser.msie) {        var referLink = document.createElement('a');        referLink.href = url;        document.body.appendChild(referLink);        referLink.click();    } else {        location.href = url;    }}/** 螢幕置中顯示處理進度* @param info 顯示文字* @param type 方式 0遮罩 1不遮罩* @param typepic 圖片 0:load 1:ok 2:error* @return*/jQuery.mMaskLoad = function (info, type, typepic) {    var pic = "";    switch (typepic) {        case 0: // loading            pic = "./Images/loading.gif";            break;        case 1: // ok            pic = "./Images/right.png";            break;        case 2: // error            pic = "./Images/error.png";            break;        default: //其他任何值時            pic = "./Images/loading.gif";            break;    }    if (type == 0) {        $("").css(        {            display: "block",            width: "100%",            position: "absolute",            left: "0",            top: "0",            opacity: "0.3",            height: "100%",            filter: "alpha(opacity=30)",            background: "#ccc"        }).appendTo("body");    };    $("").css(        {            position: "absolute",            top: "50%",            padding: "12px 5px 10px 30px",            width: "auto",            height: "16px",            border: "1px solid #D1D1D1",            background: "#ffffff url('" + pic + "') no-repeat scroll 5px center",            display: "block",            left: ($(document.body).outerWidth(true) - 190) / 2,            top: ($(window).height() - 45) / 2        }).html(info).appendTo("body");};/** 螢幕置中隱藏處理進度* @return*/jQuery.mMaskLoadClose = function () {    $(".datagrid-mask").remove();    $(".datagrid-mask-msg").remove();};/** 控制項後建立SPAN作為TIP提示* @param o 用this* @param tip 提示文字* @param typepic 圖片 0:load 1:ok 2:error* @return*/jQuery.mTip = function (o, tip, typepic) {    var pic = "";    switch (typepic) {        case 0: // loading            pic = "./Images/loading.gif";            break;        case 1: // ok            pic = "./Images/right.png";            break;        case 2: // error            pic = "./Images/error.png";            break;        default: //其他任何值時            pic = "./Images/loading.gif";            break;    }    var eTip = document.createElement("span");    var objid = $(o).attr("id") + "_tipDiv";    var value = $(o).val();    //絕對路徑      var x = $(o).offset().top;    var y = $(o).offset().left;    var w = $(o).width();    var h = $(o).height();    eTip.setAttribute("id", objid);    try {        document.body.appendChild(eTip);    } catch (e) { }    $("#" + objid).hide();    $("#" + objid).css({        top: x,        left: y + w + 10,        height: h,        position: "absolute",    });    $("#" + objid).html("" + tip);    $("#" + objid).show();}

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.