jquery - por - validacion de formularios con javascript ejemplos

Función Jquery ANTES del envío del formulario

Question

Estoy intentando activar una función usando Jquery cuando se hace clic en el botón de envío de formulario, pero la función debe activarse ANTES de que se envíe el formulario.

Intento copiar algunos atributos de etiquetas div en campos de texto ocultos al momento del envío, y luego enviar el formulario.

Me las he arreglado para hacer que esto funcione con la función de mouseover (cuando el botón de enviar está suspendido) pero esto no funcionará en dispositivos móviles usando touch.

$("#create-card-process.design #submit").on("mouseover", function () {
    var textStyleCSS = $("#cover-text").attr(''style'');
    var textbackgroundCSS = $("#cover-text-wrapper").attr(''style'');
    $("#cover_text_css").val(textStyleCSS);
    $("#cover_text_background_css").val(textbackgroundCSS);
});

He jugado con la función .submit, pero los valores no se guardan en los campos, ya que la función se activa cuando el formulario se envía y no antes.

Muchas gracias

Answer 1

Aghhh ... me faltaba algo de código cuando probé la función .submit ...

Esto funciona:

$(''#create-card-process.design'').submit(function() {
var textStyleCSS = $("#cover-text").attr(''style'');
var textbackgroundCSS = $("#cover-text-wrapper").attr(''style'');
$("#cover_text_css").val(textStyleCSS);
$("#cover_text_background_css").val(textbackgroundCSS);
});

Gracias por todos los comentarios.

Answer 2

Puede usar la función de envío.

Si devuelve falso, el formulario no se enviará. Lea sobre esto here .

$(''#myform'').submit(function() {
  // your code here
});

Answer 3

Puedes usar algunos div o span en lugar de botón y luego al hacer clic, llamar a alguna función que envíe el formulario al final.

<form id="my_form">
   <span onclick="submit()">submit</span>
</form>

<script>
   function submit()
   {   
       //do something
       $("#my_form").submit();
   }
</script>

Answer 4

Solo porque cometí este error cada vez que uso la función de envío.

Este es el código completo que necesita:

Agregue el ID " yourid " a la etiqueta de formulario HTML.

<form id="yourid" action=''XXX'' name=''form'' method=''POST'' accept-charset=''UTF-8'' enctype=''multipart/form-data''>

el código jQuery:

$(''#yourid'').submit(function() {
  // do something
});

Answer 5

$(''#myform'').submit(function() {
  // your code here
})

Lo anterior NO está funcionando en Firefox . El formulario simplemente se enviará sin ejecutar su código primero. También los problemas similares se mencionan en otros lugares ... como esta pregunta . El trabajo será

$(''#myform'').submit(function(event) {

 event.preventDefault(); //this will prevent the default submit

  // your code here

 $(this).unbind(''submit'').submit(); // continue the submit unbind preventDefault
})