Tag: 表单提交
提交前jQuery检查输入不为空
我一直在寻找关于如何做到这一点的不同线程，并将以下脚本放在一起，但是，即使我输入输入所以它们不是空的，我也会弹出警报，表单不会提交。 任何人都可以看到我做错了什么，或者有更简单/更有效的方法吗？ 谢谢， 奥苏 HTML： Name: Email: JS： // Validate form fields in Sign up form $(“.signup-form”).submit(function(){ var isFormValid = true; $(“.signup-form .required input”).each(function(){ if ($.trim($(this).val()).length == 0){ $(this).parent().addClass(“highlight”); isFormValid = false; } else { $(this).parent().removeClass(“highlight”); } }); if (!isFormValid) alert(“Please fill in all the required fields (highlighted in red)”); return isFormValid; });
如何使用jQuery设置计时器来发送HTML表单的HTTP发布数据
我有一个HTML表单，我需要使用HTTP POST和输入数据发布到服务器。 具体来说，我只需要发送表单中选中的所有复选框的参数值。 如果用户在10分钟内没有自己动手，我需要这样做。 我不确定实现这一目标的最佳方法，但是现在我正在尝试使用jQuery做到这一点，但遗憾的是我对JavaScipt或jQuery一无所知，所以我试图学习它但却未能实现这么简单的事情。 我需要在加载表单的页面10分钟后运行以下内容。 $(“document”).ready(function() { var checkedInputElements = $(“:input[value=true]”); var paramNames = []; jQuery.each(checkedInputElements, function() { var paramName = $(this).attr(“name”); paramNames.push(paramName); }); $(“form”).submit(function() { jQuery.post({ type: ‘POST’, url: “http://localhost:8080/wickedlynotsmart/auto-submit-form”, data: paramNames }); return true; }); }); 我不确定上面的代码是否正确。 我还在努力。 有人可以建议我一个指南，我可以用来编写一个计时器，以便这个代码在页面加载后10分钟结束后运行？ 谢谢。 编辑 ： wikedlynotsmart.com <link rel="stylesheet" type="text/css" href="” /> <link rel="stylesheet" type="text/css" href="” […]
javascript使用一个按钮提交多个表单
在我的HTML中，我有多个表单（文本输入，单选按钮，复选框和选择）和一个按钮。 我想填写所有这些表格并将值发送到我的PHP文件。 现在我正在尝试从文本输入中提交值并选择，但我现在卡在了这一点。 我有一个js提交文件： submitForms = function(){ document.getElementById(“form1”).submit(); document.getElementById(“form2”).submit(); } 我的表单是这样的：SELECT： — vyberte oblasť — 文字输入表格+按钮： kWh za rok VT kWh za rok NT 但这不起作用。 你能帮我吗？ 谢谢
通过jquery / ajax在表单提交中传递数据
我想使用jquery / ajax提交一个包含大约10个输入的表单，但我不知道如何通过ajax的数据参数将数据传递给它。我会序列化它们吗？
使用JQuery Ajax提交表单会导致多个请求（和提交）
我遇到了JQuery表单提交的问题，并且在任何地方都找不到答案。 如果有人能够对此有所了解，我们将非常感激。 问题：我第一次提交表单时，它运行正常。 但是如果我第二次提交相同的表格，它会发送2个请求，第三次发送3个请求，依此类推。 脚本： function postInvokeFunctionForm(functionId){ var formId = “#”+functionId+”-form”; var formUrl = “invokeFunction.html?functionId=”+functionId $(formId).submit( function(){ $.ajax({ type: ‘POST’, url: formUrl, data: $(formId).serialize(), success: function (data){ alert(‘successfully invoked function!’ + data); } }); return false; } ); } 动态生成的forms： 这显然是不可取的。 我能想到的唯一解决方案，id是在提交后重新呈现（动态生成的）表单，但这将是一项昂贵的操作。 这是JQuery ajax提交的已知问题还是我错过了一些明显的东西？ 是否有某种forms的递归发生？ 谢谢。
jquery：阻止默认浏览器表单提交行为但是使用jquery提交表单？
$(‘#search_form’).submit(function(e) { //e.preventDefault(); return false; }) 按Enter键可以防止表单提交。 但是，即使我有这个，我想在某些情况确实的情况下用jquery提交表单。 编辑： $(‘#search_form’).submit(function(e) { return !!e.submit; }); function … if (e.keyCode == 13) { if (blablabla) { … // do something } else { $(‘#search_form’).submit({submit:true}); //doesn’t work console.log(‘submitted’); //this does successfully get fired } } 如果我按回车键表格没有提交，但是在控制台登录就会发生！
jQuery模式对话框没有提交我的表单
我正在使用jQuerymodal dialog询问用户是否希望提交表单。 但是，在用户单击“对话框”的“提交”按钮后，表单未提交。 如果我再次单击表单提交按钮，则提交。 我猜这是一个范围问题，我已经看到了一些关于它的其他post但是我们已经花了很多时间没有运气。 关于如何解决这个问题的任何想法？ 使用Javascript $(document).ready(function(){ var submitForm = $(‘#myform’); submit = false; $(“#confirm”).dialog({ resizable: false, height: 140, modal: true, autoOpen: false, buttons: { ‘Submit’: function() { $(this).dialog(‘close’); submit = true; submitForm.submit(); }, ‘Cancel’: function() { $(this).dialog(‘close’); } } }); $(“#confirm”).parent().appendTo($(“#myform”)); submitForm.submit(function() { if (submit) { return true; } else { $(“#confirm”).dialog(‘open’); return […]
使用jQuery，如何强制访问者滚动到textarea的底部以启用提交按钮？
我有一个包含只读文本区域的注册表单。 我想要求任何访问者在提交按钮以提交其信息之前滚动到textarea的底部，其中包含条款和条件或许可协议。 这是示例CSS代码： textarea { width: 240px; height: 200px; overflow-y: scroll; } 这是示例HTML代码： Email Address Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor […]
暂停表单提交以进行validation
我有一些表单，它在iframe中上传文件。 我想保留它的提交，直到我检查它是否与ajax有效。 我怎样才能做到这一点 ？ 我的代码暂停提交并返回validation结果（当前只是一个返回’result’：’true’的虚函数）但是然后不执行’submit’操作。 在获得响应200状态后显示响应数据需要~2秒是否正常？ 这是我的HTML： Submit {% render_upload_data upload_data %} {{ form }} JS： $(function() { $(‘#file_upload_submit’).click(function(e){ e.preventDefault(); var fileUploadForm = document.getElementById(‘file_upload_form’); $.ajax({ type: “POST”, url: ‘/artifact/upload/check-form/’, data: ‘foo=bar’, dataType: “json”, success: function(data){ if(data[‘result’] == “true”){ $(“#message”).show(); $(“#message”).fadeIn(400).html(”+data[“message”]+”); setTimeout(function(){ $(“#message”).fadeOut(“slow”, function () { $(“#message”).hide(); }); }, 1500); $(‘#file_upload_form’).attr(‘target’,’upload_target’).submit(function(){ alert(‘Handler for .submit() called.’); return […]
在jquery .serialize（）之后如何处理php
好吧，不知怎的，我有最困难的时间来解决这个问题，所以我想用一个表单调用ajax，并使用jquery用.serialize（）序列化它。 发送给php的数据看起来像这样 key1=value&key2=value2&key3=value3 我正在使用post请求。 它看起来很简单，但不知何故我真的很难弄清楚如何访问这些键/值对，我不能使用explode（）on＆因为这会给我 [0] => key1=value1 [1] => key2=value2 [2] => key3=value3 我不能在PHP中使用$ _POST [‘key1’]或$ _GET [‘key1’]来访问这些值。 我该怎么办！！！ 谢谢 作为一个侧面问题，我注意到.serilize（）用％0A替换换行符，用+替换白色空格，我如何用php解码这些值？ 再次感谢！ 编辑： 嘿，jquery代码是相当基本的： var formSubmit = $(this).serialize(); $.post(‘ajax.php’,{“formSubmit”: “true”, “formInfo”: formSubmit}
