Jquery css'显示:阻止'不起作用

Question

我正在尝试为我的联系表单创建一个简单的验证功能. 点击此处此刻,一旦提交了详细信息,display:none即使条目不正确,表格也会保留.我试图瞄准id似乎没有工作的形式.

下面是我的功能片段

 var form = $('#ajax-contact');
 var formMessages = $('#form-messages');



  form.validate();
  $(form).submit(function(e) {

      if ($('#ajax-contact').valid()) {

        $('#ajax-contact').validate({
            rules: {
              name: {
                rangelength: [2, 40],
              },
              email: {
                rangelength: [2, 40],
                email: true,
                required: true
              },
              errorClass: "error",
              highlight: function (input) {
                $(input).closet('.required').removeClass('has-success').addClass('has-error');
              }
            }
        })

      } else {
        $("#ajax-contact").css({'display:block'});
        console.log('not working');
      }
  })

Answer 1

.css 应该这样使用:

$("#ajax-contact").css('display','block');

如果你有多个.css要设置,那么你可以去

$("#ajax-contact").css({'display':'block','position':'relative'});