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

Question

Ниже приведен мой код для проверки:

$(function () {
    function validateform() {
        // Code
    }
    $('#myform').submit(validateform);
});

И по действию этого фрагмента я хочу отправить это

<form id="myform" name="form"  action="http://www.google.com">
   // Form elements inputs, textarea 
   <div class="line"><span class="miss">Send Your Message</span>
</form>

После отправки вашего сообщения, форму необходимо отправить.

Answer 1

Вы не используете метод submit. Чтобы запустить метод, вам просто нужно вызвать его без аргументов: $('#myform').submit(). Если вы используете метод submit с аргументом, вы просто регистрируете обработчик события.

Так что вам нужно будет изменить код с помощью этого:

$(function () {
  function validateform() {
      // Code
  }
  $('#myform').submit(validateform); // This will register an event handler.
  $('#myform').submit();             // This will trigger the submit event.
});

Пожалуйста, см. Документы для метода отправки jQuery .

---

редактирует

Майк, если ты хочешь просто отправить свой <form /> через <span />, ты можешь сделать это, написав этот код:

$(function () {
  function validateform() {
      // Code
  }
  $('#myform').submit(validateform);

  $('span.miss').click(function() {
    $('#myform').submit();
  });
});

Answer 2

Этот код работает в основном и также проверяет наличие пробелов

$(function() {
            function validate() {
                var valid = true;
                $(".error").remove();
                $(".req").each(function() {
                    if($(this).val() == "" ||  $(this).val().replace(/\s/g, '').length == 0) {
                        $(this).after("<span class='error'>You should fill this field</span>");
                        valid = false;
                    }
                });
                return valid;

            }

                $('span.classofspantag').click(function() {
                $('#myform').submit(validate);
                    $('#myform').submit();
                });

        });

Answer 3

  function validateForm() {
      if (validation code) {
          $('form#myform').submit();
      } else {
          //display validation errors
          return false;
      }
  }

  $(function () {
      $('form#myform .miss').click(validateForm);
  });