ie9占位符文本不允许在必填字段上提交

时间:2016-01-06 23:32:40

标签: jquery jquery-validate internet-explorer-9

我正在试图弄清楚如何对ie9占位符文本进行验证。我知道ie9不支持占位符,这就是我的问题。我的工作就是简单地看看占位符是什么并输入该值,但我希望不希望表单提交该值。

function form_modal_validate(id){
  // function used for client validation for forms inside a modal
  var form = $(id);
  $('.field_error, .label_error').each(function(){
    $(this).removeClass('field_error').removeClass('label_error');
  });

  phoneValidation();
  var placeholders = {};
  form.validate({
    errorClass: 'field_error',
    errorElement: 'none',
    errorPlacement: function(error,element) {
      return true;
    },
    submitHandler: function(form) {
      $(form).find(':input[placeholder]').each(function() {
        var placeholder = $(this).attr('placeholder');
        placeholders[placeholder] = this;
        $(this).removeAttr('placeholder');
      });
      form.submit();
    },
    invalidHandler: function() {
      $.each(placeholders, function(placeholder, element) {
        $(element).attr('placeholder', placeholder);
      });
    },
    highlight: function(element) {
      // overwrite highlight methods to add class to label as well as the input itself
      $(element).closest('.modal_input').find('.modal_label label').addClass("label_error");
      $(element).closest('dl.left, dl').find('dt label').addClass("label_error");
      $(element).addClass('field_error');
    },
    unhighlight: function(element) {
      $(element).closest('.modal_input').find('.modal_label label').removeClass("label_error");
      $(element).closest('dl.left, dl').find('dt label').removeClass("label_error");
      $(element).removeClass('field_error');
    }
  });
}

这是我正在使用的代码。任何帮助将不胜感激。

0 个答案:

没有答案