2010-10-05 4 views
0

Im в убытке здесь, у меня есть 2 формы, которым нужно поделиться одной кнопкой отправки. Я могу сказать, какая форма отправляется, проверяя значения ввода, но я не могу получить проверку, чтобы привязать себя к форме на submit. Мне нужно добавить функции проверки и ajax (удалить формы и отобразить другой div), но это должно быть легко, как только я получу проверку. Я знаком и могу сделать это успешно наготове или на клике, но это первый случай, когда Ive чтобы привязать его к представить function..below мой не рабочий код. пожалуйста, помогите!Помогите с подтверждением отправки, чтобы отправить функцию

$("#sbtBtn").click(function() { 
      if($("input[name=license_code]").val()) {  //check if #retUser has a value 
      $("#formOne").submit(); 
      } else if ($("input[name=referred_by_text]").val() && $("input[name=broker_text]").val() && $("input[name=email1]").val()) { 
      $("#formTwo").submit(); 
      } 
      else { 
      alert("Please fill out either the returning user or new user form"); 
      } 

    }); 

    $("#formOne").submit(function() { 
     //if (valid) $(this).submit(); 
     var validator = $("#formOne").validate({ 
      errorElement: "em", 
      //errorContainer: $("#summary"), 
      errorPlacement: function(error, element) { 
       error.appendTo(element.parent("li")); 
      }, 

      submitHandler: function(form) { 
      var dataString = $(form).serialize(); 
       $.ajax({ 
        type: $(form).attr('method'), 
        url: form.action, 
        data: dataString, 
        success: function(data, status) { 
         $("#currentUser, #newUser, #submitContain").hide(); 
        }, 
        error: function (data, status) { 
         $("#newUser, #submitContain").hide(); 
         $("#currentUser").html("error"); 
        } 
       }); 
      return false; 
      }, 
      rules: { 
        license_code: { 
        minlength: 2 
       } 
      }, 

      messages: { 
       license_code: { 
        minlength: "Your Code Must be at Least 2 Characters" 
       } 
      } 
     }); 
    }); 

    $("#formTwo").submit(function() { 
     alert("formTwo"); 
     return false; 
    }); 

formTwo имеет предупреждение там я использовал, чтобы убедиться, что он является обязательным правильную форму к представить, что его есть.

ответ

0

на возвратных Tru

$("#formOne").submit(function() { 

е;

разрешает отправке формы, если действительные данные возвращают false, это остановит ее.

+0

Я не могу заставить его отображать сообщение об ошибке или добавлять класс «ошибка» к узлу –

+0

Из того, что я вижу, элемент ошибки сообщает плагину, какой элемент отображает сообщения об ошибках внутри, и errorPlacement для установки отображения сообщений об ошибках. У вас есть em в элементе error, и li в errorPlacement, возможно, отменяя друг друга. Попробуйте удалить строку errorElement –

Смежные вопросы