Tag: forms

是否有一个符合我对多表格validation要求的jQuery插件?

这有电子邮件,邮编,电子邮件的reg表达式检查。 电子邮件和密码的比较检查。 奖励:屏蔽和强制字母和数字只有选项。 我想要一个适用于此的方法: http : //www.malsup.com/jquery/form/ 这是一个多阶段注册,并且当步骤1完成(表单)时它将在有效成功时将其发送到服务器(通过url序列化),然后转到步骤2,这是一个滑动div系统。 最好的方法是什么,并在上面提到的ajax表单提交插件的“beforeSubmit”选项中结合它?

我如何使用jQuery来ajaxify表单?

我试图在不使用jQuery插件的情况下对表单进行AJAXIFY。 实现这一目标的过程是什么? 我有我的表格。 我应该将动作设置为什么? 标题脚本应该是什么? 请记住,我不想使用任何插件。 我只需要一个基本算法来使用jquery来调整表单。

如何在提交表单时调用jquery函数?

我的表格如下: *Name: *Email: I’ll be in touch soon *Subject: Message: 我试图通过jquery从这个表单中提取数据,这样我就可以将它传递给php文件并发送一封电子邮件但是点击按钮时没有调用jquery函数。代码如下: $(function() { $(‘.error’).hide(); $(‘.simple-sucess’).hide(); $(“.submit_button”).click(function() { /*get the email value*/ var email = $(“input#email”).val(); var name = $(“input#contactName”).val(); var subject = $(“input#subject”).val(); var message=$(“input#message”).val(); // alert(“email”+email); /* Check if the email is good or bad */ var goodEmail = email.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\.info)|(\.sex)|(\.biz)|(\.aero)|(\.coop)|(\.museum)|(\.name)|(\.pro)|(\.arpa)|(\.asia)|(\.cat)|(\.int)|(\.jobs)|(\.tel)|(\.travel)|(\.xxx)|(\..{2,2}))$)\b/gi); apos=email.indexOf(“@”);dotpos = email.lastIndexOf(“.”);lastpos=email.length-1; var […]

正在提交常规表单之前的AJAX请求

我有一个jQuery表单validation脚本,在用户尝试提交时执行。 我希望在表单validation之后但在发送之前执行(并完成)AJaX请求的另一个函数。 这是脚本。 单独调用时, zglosip函数可以正常工作; 即不是来自submit()函数。 zglosip(); (我想要被调用的function) function zglosip() { $.ajax({ type : ‘post’, url : ‘res/php/nZglos.php’, data : { “erepid” : “111”, “ip” : “222”, “poz” : “333” }, success : function(data, textStatus, jqXHR) { tempor.html(data); }, error : function(XMLHttpRequest, textStatus, errorThrown) { tempor.html(errorThrown); }, dataType : ‘text’ return true; }); }; validation脚本(由Joren […]

表单提交后无法清除输入值

好的,我已经尝试了所有可以找到的建议,但在提交表单和fadeOut之后,这些值仍然存在。 如果有人有建议…… $(document).ready(function() { $(‘#form1’).ajaxForm( { beforeSubmit: validate } ); function validate(formData, jqForm, options) { var name = $(‘input[name=name]’).fieldValue(); var email = $(‘input[name=email]’).fieldValue(); var message = $(‘textarea[name=message]’).fieldValue(); if (!name[0]) { alert(‘Please enter a value for name’); return false; } if (!email[0]) { alert(‘Please enter a value for email’); return false; } if (!message[0]) { alert(‘Please […]

以djangoforms从AJAX获取POST数据

我将在Django中获取参数forms的AJAX请求,这就是我正在做的事情: base.html文件: {% csrf_token %} First name: main.js: $(document).ready(function(){ $(“#register”).live(“click”, function(e){ $.post(“/”, { name: “MY TEXT”, }); }); }); views.py: from django.shortcuts import render_to_response from django.template import RequestContext from django.core.context_processors import csrf def home(request): if request.method == ‘POST’: print request.POST[‘name’] return render_to_response(‘registration.html’, {}, context_instance=RequestContext(request)) 是的,我知道此时我的JS没有从文本表单中获取真实数据,它只发送一个静态文本“MY TEXT”。 但是当我按下按钮时,我得到“MultiValueDictKeyError at /”密钥’name’在“”中找不到 我做错了什么? 我改变了我的代码:main.js $(document).ready(function(){ $(“#register”).live(“click”, function(e){ e.preventDefault(); […]

如何隐藏html表单选择选项?

我有一个非常简单的表单,我想隐藏选择选项,当另一个选择字段精炼它。 目前我已经尝试过dispay: none作为我的选项的内联样式,但它不会隐藏它。 我正在使用chrome,这需要适用于所有浏览器。 任何人都可以解决一些问题,因为我似乎无法在谷歌上找到太多。 请在这里看到我的问题… http://jsfiddle.net/3vPgY/5/ 在这里我的当前代码…… Please refine… Green Blue Red Please select Show only if Green selected Show only if Green selected Show only if Green selected Show only if Blue selected Show only if Blue selected Show only if Blue selected Show only if Red selected Show only if Red selected […]

JQuery提交无法在Chrome中运行

以下是表格 @using (Html.BeginForm(MVC.CollectionPlanConfirmation.ActionNames.Edit, MVC.CollectionPlanConfirmation.Name, FormMethod.Post, new { @id = “collectionPlanForm” })) { …………….. } 提交按钮在表单外。 以下是我的MVC视图上的提交按钮。 以下是应该提交表单的jquery。 function SubmitForm() { …… validation code…….. $(‘#collectionPlanForm’).submit(); } 我可以看到,IE8和Firefox提交表单,但它与Chrome不相符。 它什么都不做。 可能是什么原因,以及如何解决它? 对此有任何帮助,非常感谢。 谢谢

jQuery`enmit`方法忽略了使用GET的POST发送。 为什么?

我有这样的表格。 这是由可通过https://[my-server]/my-controller/my-action/访问的网页生成的,这也是表单指向的操作。 在服务器端,我区分GET和POST请求。 页面显示( GET )或显示一些结果,具体取决于表单的值( POST )。 当我使用jQuery提交表单时(我在这里不使用AJAX,只需提交表单),就像在这个片段中一样, $(“#hiddenForm”).submit(); 然后jQuery似乎用GET提交这个表单,虽然它明确标记为使用POST提交。 甚至是alert($(“#hiddenForm”).attr(“method”)); 总是产生”post” 。 但是,如果页面已由GET加载,则仅会发生此不需要的行为。 如果页面是通过POST ,即表单已经提交了至少一次,那么一切都按预期进行。 更新 问题是一个简单的旧的preventDefault() 。 触发提交的按钮具有自己的function。 这是一个超链接。 所以我有这一系列的行动。 超链接到https://[my-server]/my-controller/my-action/# 使用操作https://[my-server]/my-controller/my-action/提交表单。 当然,如果没有提交表单,这将导致GET调用。 一旦我在页面上https://[my-server]/my-controller/my-action/# ,超链接就失去了它的function。 这就是为什么第二次尝试总是有效的原因,因为行动链被简化为提交表格。 超链接到https://[my-server]/my-controller/my-action/# (没有效果,因为已经存在) 使用操作https://[my-server]/my-controller/my-action/提交表单。 然后它当然有效。

在JQuery中发布表单并填充DIV – 在IE中打破

我正在尝试创建一个通过jQuery发布数据的表单,并将返回值填充到相同的DIV中。 这样,页面不会在后期操作上刷新。 JSfunction: function post_form(url) { $.post(url, {‘test’:’test’}, function(data) { $(“#add_value_form”).empty().append(data); }, “text”); } 这在FF3中完美运行,但它只能在IE6 / 7中随机工作。 服务器确认发布请求是来自IE,但它只会偶尔获得发布数据。 好奇,我决定提醒数据变量: $.post(url, {‘test’:’test’}, function(data) {alert(data);}, “text”); 当然,FF3每次都会打印出返回HTML,而IE6 / 7主要是打印空白,偶尔会返回HTML。 我无法在这个问题上找到任何东西,所以我做错了什么? 已解决:我将此跟踪到我在请求处理代码中的HTTP重定向。 因此处理POST请求的函数会抛出重定向,IE不喜欢它。 我当时总有精神上的便秘,我真的不需要重定向。 当然,奇怪的部分是它在FF中工作,IE有时也可以工作,重定向到位。