• 遍历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;
        }
        /*提交表单验证结束*/
  • 相关阅读:
    [BZOJ 2144]跳跳棋
    [NOIp 2015]信息传递
    [JLOI 2014]松鼠的新家
    [Luogu 2062]分队问题
    [Luogu 2090]数字对
    [NOIp 2015]运输计划
    [USACO 03FEB]Farm Tour
    [TJOI 2010]中位数
    IO密集型 计算密集型
    python 编码
  • 原文地址:https://www.cnblogs.com/phermis/p/6728929.html
Copyright © 2020-2023  润新知