亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

【收藏】8段JQuery處理表單的代碼片段，很實(shí)用

zxhaaa / 1344人閱讀

1 只接受數(shù)字輸入 
$("#uAge").keydown(function(event) {
    // 允許退格和刪除鍵
    if ( event.keyCode == 46 || event.keyCode == 8 ) {
    }
    else {
        // 保證輸入的是數(shù)字鍵
        if (event.keyCode < 48 || event.keyCode > 57 ) {
            event.preventDefault();
        }
    }
});
2 全選 
$("#checkall").click(function() {
   //固有屬性使用prop，切記 
   $("#myForm input:checkbox").prop("checked",true);
});
3 反選 
$("#inverse").click(function() {
    $("#myForm input:checkbox").each(function () {
        $(this).prop("checked",!$(this).prop("checked"))
    })
});
4 單選框標(biāo)簽表示 
//css，隱藏radio圓形，用label表示
//實(shí)際使用中，樣式寫的好看一些
.sex input {  display: none; }
.selected {  background: red;  }
//javascript
$("input:radio").click(function () {
    $("input:radio").parent("label").removeClass("selected");
    $(this).parent("label").addClass("selected");
})
5 還可輸入多少字符提示 
//第一個(gè)參數(shù)：總字符數(shù)
//第二個(gè)參數(shù)：還可輸入多少顯示區(qū)對(duì)象
$.fn.limiter = function (limit, elem) {
    $(this).on("keyup focus", function () {
        setCount(this, elem);
    });
    function setCount(src, elem) {
        var chars = src.value.length;
        if (chars > limit) {
            src.value = src.value.substr(0, limit);
            chars = limit;
        }
        elem.html(limit - chars);
    }
    setCount($(this)[0], elem);
}
$("#title").limiter(3,$("#limit"));
6 輸入域顯示缺省值 
$(".default").each(function() {
    var $this = $(this);
    var defaultVal = $this.attr("title");
    if($this.val().length ==0) {
        $this.val(defaultVal);
    }
    $this.focus(function() {
        if ($this.val() === defaultVal) {
            $this.val("");
        }
    });
    $this.blur(function() {
        if ($this.val().length === 0) {
            $this.val(defaultVal);
        }
    });
});
7 Email驗(yàn)證 
$.fn.validateEmail = function () {
    var $this = $(this);
    $this.change(function () {
        var reg = /^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/;
        if ($this.val() == "") {
            $this.removeClass("badEmail").removeClass("goodEmail")
        } else if (reg.test($this.val()) == false) {
            $this.removeClass("goodEmail");
            $this.addClass("badEmail");
        } else {
            $this.removeClass("badEmail");
            $this.addClass("goodEmail");
        }
    });
};
8 避免重復(fù)提交 
$("form").submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == "undefined") {
        jQuery.data(this, "disabledOnSubmit", { submited: true });
        $("input[type=submit], input[type=button]", this).each(function() {
            $(this).attr("disabled", "disabled");
        });
        return true;
    }
    else
    {
        return false;
    }
});

簡(jiǎn)單列舉了幾段JQuery表單處理的代碼片段，包括只能輸入數(shù)字的文本域、checkbox全選、checkbox反選、輸入字符數(shù)量提示、Email驗(yàn)證、避免重復(fù)提交等。所有代碼均經(jīng)過(guò)測(cè)試驗(yàn)證，記得要收藏啊。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83115.html

相關(guān)文章

  • 【實(shí)用】需要收藏備用的JQuery代碼片段

    摘要：元素屏幕居中獲取頁(yè)面路徑相關(guān)參數(shù)值值值值刪除內(nèi)聯(lián)樣式長(zhǎng)度限制并截取外鏈新窗口打開(kāi)測(cè)試與其它庫(kù)沖突情況測(cè)試沖突代碼避免沖突加載即使掉線加載遮罩層，點(diǎn)擊移除元素固頂注意調(diào)整邊界值禁止右鍵菜單對(duì)象插件模版代碼公有方法私有方法延伸閱讀處理表單的 1 元素屏幕居中 jQuery.fn.center = function () { this.css(position,absolute); ...

    2json 評(píng)論0 收藏0

  • 精彩文章大合集- 收藏集 - 掘金

    摘要：發(fā)布應(yīng)用市場(chǎng)的平臺(tái)搶紅包工具紅包精靈開(kāi)源啦掘金紅包精靈，如果喜歡，點(diǎn)個(gè)開(kāi)源不易。作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列，但是因?yàn)槲恼赂咝У拇a編寫技巧總結(jié)前端掘金本文總結(jié)了代碼編寫技巧，來(lái)提升你的和代碼。 收藏安卓開(kāi)發(fā)中非常實(shí)用優(yōu)秀的庫(kù)! 有圖有真相! - Android - 掘金本來(lái)是打算收藏工具類的,但轉(zhuǎn)念一想,已經(jīng)有這么多優(yōu)秀的庫(kù)了,就沒(méi)必要再去重復(fù)造輪子了,便歸納工作中比...

    ermaoL 評(píng)論0 收藏0

  • javascript功能插件大集合，寫前端的親們記得收藏

    摘要：一個(gè)專注于瀏覽器端和兼容的包管理器。一個(gè)整合和的最佳思想，使開(kāi)發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。完全插件化的工具，能在中識(shí)別和記錄模式。健壯的優(yōu)雅且功能豐富的模板引擎。完整的經(jīng)過(guò)充分測(cè)試和記錄數(shù)據(jù)結(jié)構(gòu)的庫(kù)。 【導(dǎo)讀】：GitHub 上有一個(gè) Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發(fā)起維護(hù)的 JS 資源列表...

    cfanr 評(píng)論0 收藏0

  • 【JS實(shí)用技巧】?jī)?yōu)化動(dòng)態(tài)創(chuàng)建元素的方式，讓代碼更加優(yōu)雅且利于維護(hù)

    摘要：更好的方案模板分離原則模板分離原則將定義模板的那一部分，與的代碼邏輯分離開(kāi)來(lái)，讓代碼更加優(yōu)雅且利于維護(hù)。 showImg(https://segmentfault.com/img/bVJ73t?w=800&h=316); 引言 在前端開(kāi)發(fā)中，經(jīng)常需要?jiǎng)討B(tài)添加一些元素到頁(yè)面上。那么如何通過(guò)一些技巧，優(yōu)化動(dòng)態(tài)創(chuàng)建頁(yè)面元素的方式，使得代碼更加優(yōu)雅，并且更易于維護(hù)呢？接下來(lái)我們通過(guò)研究一些實(shí)例...

    JeOam 評(píng)論0 收藏0

  • 【JS實(shí)用技巧】?jī)?yōu)化動(dòng)態(tài)創(chuàng)建元素的方式，讓代碼更加優(yōu)雅且利于維護(hù)

    摘要：更好的方案模板分離原則模板分離原則將定義模板的那一部分，與的代碼邏輯分離開(kāi)來(lái)，讓代碼更加優(yōu)雅且利于維護(hù)。 showImg(https://segmentfault.com/img/bVJ73t?w=800&h=316); 引言 在前端開(kāi)發(fā)中，經(jīng)常需要?jiǎng)討B(tài)添加一些元素到頁(yè)面上。那么如何通過(guò)一些技巧，優(yōu)化動(dòng)態(tài)創(chuàng)建頁(yè)面元素的方式，使得代碼更加優(yōu)雅，并且更易于維護(hù)呢？接下來(lái)我們通過(guò)研究一些實(shí)例...

    hqman 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<