最近寫的一個項目中,頁面中有很多的“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; } /*提交表單驗證結束*/
