提交表单前的jquery函数

我试图在单击表单提交button时使用jquery触发一个函数，但是在实际提交表单之前，需要激活该函数。

我试图在提交时将一些div标签属性复制到隐藏文本字段中，然后提交表单。

我已经设法使用鼠标hoverfunction（当提交buttonhover时），但这不适用于使用触摸的移动设备。

$("#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); }); 

我已经玩过.submit函数，但是值不会保存在字段中，因为函数在表单提交时触发，而不是之前。

非常感谢

Answer 1

您可以使用onsubmit函数。

如果您返回false，表单将不会被提交。 在这里阅读。

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

Answer 2

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

以上不适用于Firefox 。 表单只是简单地提交而不运行你的代码。 其他地方也提到类似的问题，比如这个问题 。 周围的工作将是

 $('#myform').submit(function(event) { event.preventDefault(); //this will prevent the default submit // your code here $(this).unbind('submit').submit(); // continue the submit unbind preventDefault }) 

Answer 3

你可以使用一些div或span而不是button，然后点击call一些提交表单的函数。

 <form id="my_form"> <span onclick="submit()">submit</span> </form> <script> function submit() { //do something $("#my_form").submit(); } </script> 

Answer 4

唉…我错过了一些代码，当我第一次尝试.submitfunction…..

这工作：

 $('#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); }); 

感谢所有的评论。

Answer 5

只是因为我每次使用submit函数都犯了这个错误。

这是你需要的完整代码：

将id“ yourid ”添加到HTML表单标记。

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

jQuery代码：

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