Jquery循环检验多个文本框，并禁止提交

来源：互联网发布：vb语言编辑：程序博客网时间：2024/05/17 03:59

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
   $(document).ready(function () {
       $("#demo").submit(function () {
           var FLAG = true; //验证是否通过的标志
           $(":text").each(function () {
               if ($(this).val().length < 1) {
                   FLAG = false;
                   return false;
               }
           });
           if (!FLAG) alert('文本框必须填写');
           return FLAG
       });
    });
</script>
</head>

点击id为#f_save的提交按钮验证实例

$('#f_save').on('click', function() {
        var flag = null;
        $('.content .c_right .c_form .c_formc .txt').each(function(index) {
            if ($(this).val() == '') {
                if ($(this).next('.warn_public').length) {
                    $(this).next('.warn_public').remove();
                }
                switch (index) {
                    case 0:
                        $(this).after('<span class="warn_public"><b class="false_icon"></b><b class="false_warn">' + warnInfo["fan_sum"] + '</b></span>');
                        break;
                    case 1:
                        $(this).after('<span class="warn_public"><b class="false_icon"></b><b class="false_warn">' + warnInfo["username"] + '</b></span>');
                        break;
                    case 2:
                        $(this).after('<span class="warn_public"><b class="false_icon"></b><b class="false_warn">' + warnInfo["tel_num"] + '</b></span>');
                        break;
                    case 3:
                        $(this).after('<span class="warn_public"><b class="false_icon"></b><b class="false_warn">' + warnInfo["qq_num"] + '</b></span>');
                        break;
                    case 4:
                        $(this).after('<span class="warn_public"><b class="false_icon"></b><b class="false_warn">' + warnInfo["email"] + '</b></span>');
                        break;
                }
                flag = true;
            }
        });

0 0