Tag: jquery forms plugin

jquery.form / validate插件仅允许在输入更改时提交

我想使用jQuery.Form / Validate插件，只允许在任何输入实际更改时提交我的表单。 使用beforeSubmit: :: http：//jquery.malsup.com/form/#options-object有回调逻辑。 但是，我似乎无法使其发挥作用。 这是我到目前为止所拥有的： $(document.body).on(‘click’, ‘input[type=”submit”]’, function(){ var $form =$(‘form’); $form.validate({ submitHandler: function($form) { $($form).ajaxSubmit({ beforeSubmit: function(arr, $form){ var value = ”, storedValue=”; $($form+’:input’).each(function (index, el) { value=$(el).val(); storedValue=$(el).data(“stored”); if(value!=storedValue){ console.log(“Changed”); return true; } else { return false; console.log(“NOT changed”); } }); …success handling, etc.. beforeSubmit: function(arr, $form) { var value […]

Jquery表单上传插件：如何将其减少到一次点击？

我使用jquery表单插件来处理上传文件， 这是我的表格， jquery， $(‘#myForm’).submit(function() { $(this).ajaxSubmit({ target: ‘#output’ }); return false; }); 这个想法的后退是你必须在上传文件之前点击两次 – 你必须单击浏览文件，然后单击提交按钮。 如何将其减少到一次点击？ 理想情况下，当您从桌面选择文件并在浏览窗口/弹出窗口中单击确定时，我希望它自动触发提交。 可能吗？ 另一个注意事项：为什么它不适用于Chrome，IE和Safari（它只适用于Firefox和Opera） – 表单将在这些浏览器上提交，但我已经设置了submit()以return false ？

django jquery-form .load（）如果表单错误

我正在使用jquery.load（）函数将表单加载到弹出窗口div，到目前为止它运行良好。 我想补充的是，当表单提交错误时，它会将错误标记表单加载回弹出div而不是重定向到它当前正在执行的实际表单页面。 有人建议我使用jquery-form ，我觉得它可以很好地工作。 我只是不知道如何实现它。 这是.load（）函数： $(document).ready(function(){ $(“.create”).on(“click”, function(){ $(“#popupContact”).load(“/cookbook/createrecipe #createform”); }); }); 这是加载表单的页面： x {% paginate %} 这是我的表单模板： Create New Recipe {% csrf_token %} {{ form.as_table }} 这是我尝试使用jquery-form： // wait for the DOM to be loaded $(document).ready(function() { var options ={ target: ‘.popup’, }; $(‘#createrecipe’).submit(function() { $(this).ajaxSubmit(options); return false; }); }); createrecipe视图： def createrecipe(request): […]

ajaxSubmit和Internet Explorer问题

我已经坚持了很长一段时间，有人可以帮帮我吗？ Chrome和FF一切正常，但由于某种原因，表格不会提交IE7 / IE8 / IE9。 function addFile() { if ( test > 30 ) { console.log( “addFile” ) ; } var optionsAjaxFormFile = { url : ‘js/fileUpload.php’, success : showResponseFile }; console.log(“about to submit Ajax”); $(“#addFile-form”).ajaxSubmit( optionsAjaxFormFile ); } 我从控制台知道它转到ajaxSubmit行，但它从不启动showResponseFile函数。 为什么??? 干杯

jQuery表单插件 – 文件上载时未捕获的TypeError

当我没有选择任何文件进行上传时，没有问题，当我只填写其他输入而不是postforms时，它正在工作。 但是当我选择一个文件进行图片上传而不是发布时，我收到了这个错误，但是当我查看文件夹时，我看到该文件已上传。 但是javascript失败了。 jquery.form.js:357 Uncaught TypeError: Object function (a,b){return new d.fn.init(a,b,g)} has no method ‘handleError’ 这是我的代码， Personal Name : Information : $(document).ready(function(){ var options_employeeadd = { beforeSubmit: validate_employeeadd, // pre-submit callback success: showResponse_employeeadd // post-submit callback }; $(‘#employeeaddform’).ajaxForm(options_employeeadd); }); function validate_employeeadd(formData, jqForm, options) {…} function showResponse_employeeadd(responseText, statusText, xhr, $form) {…}

Jquery Form Plugin还是Jquery序列化？

我想知道jQuery Form Plugin比序列化有什么样的优势？ 如果我选择使用表单插件，我可以使用新的jQuery 1.5function吗？ Form Plugin还有什么东西可以阻止多个post吗？ 我通常使用Ajax管理器插件来阻止重复的ajaxpost，但我不认为我可以使用Form Plugin。 谢谢

JQuery Ajax表单和动态创建的表单元素不提交

我正在编写一个表单，当更改选择列表时，它会动态加载一些文本输入元素。 问题是，当我提交表单时，这些元素不会发布到发布到服务器的数据中。 我需要做些什么才能将这些动态创建的元素“整合”到要提交的表单中？ 代码是这样的： $(“#my_select_id”).change(function() { $.ajax({ type: “GET”, url: “some-url/” + $(“#played_number_game_id”).children(“option:selected”).val(), async: false, dataType: “html”, error: function(XMLHttpRequest, status, errorThrown) { alert(“oh no!”); alert(status); }, success: function (data, status) { $(“#parent-element”).html(“”); $(“#parent-element”).append(data); }, complete: function() { } }); $(“#my_form_submit”).click(function() { $(“#my-form”).ajaxSubmit({ clearForm: true }); return false; }); }); ajax调用返回的html是： 如果我在调用ajax方法后使用firebug查看页面，动态加载的html就在层次结构中，它应该是…即它在表单中。 但是，当我单击提交按钮时，只会发布在ajax调用之前存在的表单元素。 有任何想法吗？

jquery getResponseHeader总是返回’undefined’？

我有一个表格，我通过ajax提交。 我正在使用jquery表单插件。 我想要做的是获取从我的服务器返回的’Location’标题。 我可以在萤火虫中看到它。 但是每当我在成功回调中调用getResponseHeader（）函数时，它总是返回’undefined’。 码： form.ajaxForm({ dataType: ‘xml’, data: {format: ‘xml’}, resetForm: true, success: function(xml,status,xhr){ var location = xhr.getResponseHeader(‘Location’); alert(location); }); 位置未定义。 但我可以在萤火虫中看到“位置”标题。 我错过了什么？ 即使我从xhr对象调用getAllResponseHeaders（），它也会返回’undefined’

我怎样才能避免两次调用jquery

我正在使用Jquery Form Plugin来提交表单。 我的html文件的head标签如下所示 then 10 other javascript files AND Then $(document).ready(function() { var options = { success: showResponse }; $(‘#myForm’).ajaxForm(options); }); 要查看我的代码的实际图片，请查看此http://jsfiddle.net/Xfrms/1/ 问题是即使我在我的代码的最顶层调用jquery library ，如果我不在jquery.form.js插件之前调用jquery库，那么它（jquery.form.js）不起作用。 我试图在query.form.js插件调用最顶层的jquery库之后调用那些其他10个javascript文件，但在这种情况下，调用javascript文件的function不起作用。 看到这篇文章后 ，我认为两次调用jquery可能会导致问题。 你能不能告诉我在我的代码中可能出现什么问题，以及如何避免在jquery表单插件之前加载jquery但仍然可以正常工作？ 谢谢

ASP.NET WEBAPI文件上传，IE9问题

我在代码下面使用ASP.NET WEBAPI创建了一个文件上传方法： [DataContract] public class FileDesc { [DataMember] public string name { get; set; } [DataMember] public string url { get; set; } [DataMember] public long size { get; set; } [DataMember] public string UniqueFileName { get; set; } [DataMember] public int id { get; set; } [DataMember] public DateTime modifiedon { get; set; } […]