javascript - 验证不适用于检查空白字段

验证不适用于检查空白字段
在单击创建按钮时，没有消息提示
和控制台很清楚没有显示任何错误

我的Jquery代码：

var assign_report_form = $('#assign_report_form');

    $('#create').on('click', function(){

        var source_id  = $('#src_id option:selected').text();
        var username   = $('#username').val();
        var email      = $('#email').val();
        var query_name = $('#query_name').val();
        var channel    = $('#channel').val();
        var condition  = $('#condition').val();

        if((source_id =="")||(username == "")||(email == "")||(query_name == "")||(channel == "")||(condition == "")){

             $('#error_message').show().delay(5000).fadeOut();
        }

        else{

        // var data = {'source_id': source_id,
        //             'username':username,
        //             'email':email,
        //             'query_name':query_name,
        //             'channel': 'email',
        //             'condition': condition
        //             }
        // console.log('data',data)




        $.ajax({
            url:'/add_report/',
            type:'POST',
            data:{'source_id': source_id,
                    'username':username,
                    'email':email,
                    'query_name':query_name,
                    'channel': 'email',
                    'condition': condition
                    },
            success: function(res){
                if(res =='success')
                    // $('#Add_modal').modal('toggle');
                    // $('#success_message').show().delay(5000).fadeOut();
                //     $("input[type=text],input[type=email],select").val("");
                // }
                // else{
                //     $('#error_message').show().delay(5000).fadeOut();
                // }

                console.log('form saved..')
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(errorThrown)
            }

        })
    event.preventDefault();
    }
  });
});

验证不适用于检查空白字段
在单击创建按钮时，没有消息提示
和控制台很清楚没有显示任何错误

这是html代码：

<button type="button" data-toggle="modal" data-target="#Add_modal" class="btn btn-secondary" id="add_row"  style="margin-right: 10px;">Add</button>
   <!-- Add New Report Model -->
   <div class="modal fade" id="Add_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
      <div class="modal-dialog">
         <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
               <h3 class="modal-title" id="lineModalLabel">Assign New Report</h3>
            </div>
            <div class="modal-body">
               <!-- content goes here -->
               <div class="alert alert-warning" id="#error_message" style='display:none;'>
                <strong>Error!</strong>Please fill Empty fields
               </div>
               <form id="assign_report_form">
                  {% csrf_token %}
                  <!-- <input type="hidden" id="src_id" value="{{ source_id }}"/>    -->
                  <div class="form-group">
                     <label for="username">Source ID</label>
                     <select id="src_id" class="form-control" name="source_id">
                        {% for source in sources %}
                        <option value="{{source_id}}" selected>{{ source.id }}</option>
                        {% endfor %}
                     </select>
                  </div>
                  <div class="form-group">
                     <label for="username">Username:</label>
                     <input type="text" class="form-control" name="username" id="username" placeholder="Username">
                  </div>
                  <div class="form-group">
                     <label for="email">Email</label>
                     <input type="email" class="form-control" name="email" id="email" placeholder="Email">
                  </div>
                  <div class="form-group">
                     <label for="queryname">Query_Name</label>
                     <input type="text" class="form-control" name="query_name" id="query_name" placeholder="Query_Name">
                  </div>
                  <div class="form-group">
                     <label for="channel">Channel</label>
                     <input type="text" class="form-control" name="channel" id="channel" placeholder="Channel">
                  </div>
                  <div class="form-group">
                     <label for="condition">Condition</label>
                     <input type="text" class="form-control" name="condition" id="condition" placeholder="Condition">
                  </div>
                  <input  type="button" id="create" class="btn btn-primary" value='Create'/>
               </form>
            </div>
         </div>
      </div>

最佳答案

在您的html代码中，您需要省略id =“＃error_message”中的“＃”，而改为写id =“ error_message”。