zoukankan      html  css  js  c++  java
  • 遍历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;
        }
        /*提交表单验证结束*/
  • 相关阅读:
    简易仿ios菊花加载loading图
    android 仿微信表情雨下落!
    android view 转Bitmap 生成截图
    设计模式——享元模式
    虚拟内存技术原理解析
    读史——回望勾吴
    android日志搜集原理及方案比较
    java四种引用及在LeakCanery中应用
    读史——秦历史概况
    git使用总结
  • 原文地址:https://www.cnblogs.com/phermis/p/6728929.html
Copyright © 2011-2022 走看看