遍歷input文本框


最近寫的一個項目中,頁面中有很多的“text文本框”和“select下拉框”

校驗input框和select框是否非空,如果為空給出提示。反之,隱藏提示內容。

html  頁面中的input類型有type="text"  type="button" +后台需要的傳id的 type="hidden"

js代碼如下:

function validateForm() {
        var result = true;
        var count = 0;
        //input驗證  這里驗證type!='hidden' 的原因是 后台需要將id傳到該頁面中,有id才能將數據庫中的數據加載到頁面中。
        var $input = $("input[type!='button'][type!='hidden']");//這里遍歷input不為button和hidden的以外的其他input內容
        $.each($input, function (i, item) {
            var val = $(item).val();
            if (val == "" || val == null || val == undefined) {
                $(item).siblings(".hint").css("visibility", "visible");
                count++;
            } else {
                $(item).siblings(".hint").css("visibility", "hidden");
            }
        });
        //select驗證
        var $select = $("select");
        $.each($select, function (i, item) {
            var val = $(item).children("option:selected").val();
            if (val == "" || val == null || val == undefined) {
                $(item).siblings(".hint").css("visibility", "visible");
                count++;
            } else {
                $(item).siblings(".hint").css("visibility", "hidden");
            }
        });
        //textarea驗證
        var $textarea = $("textarea");
        $.each($textarea, function (i, item) {
            var val = $(item).val();
            if (val == "") {
                $(item).siblings(".hint").css("visibility", "visible");
                count++;
            } else {
                $(item).siblings(".hint").css("visibility", "hidden");
            }
        });
        if (count > 0)
            result = false;

        return result;
    }
    /*提交表單驗證結束*/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM