小编Dog*_*Dog的帖子

jquery:提交表格两次

我正在为他们正在举办的活动创建一个客户注册表.基本用户详细信息将提交给第三方系统(即名称,电子邮件等),但其余字段需要通过电子邮件发送给客户端.

我需要这样的事情发生:

  1. 项目清单
  2. 用户填写表格
  3. jquery bvalidator检查表单中的必填字段
  4. 表单(通过ajax)提交到一个单独的页面,其中一封电子邮件发送给客户端
  5. 然后将表单(常规POST方法)提交给第三方系统
  6. 成功用户被传递回'谢谢'网址.

这是我尝试使用的代码,但是它会在循环中被反复提交到"电子邮件"页面,并且永远不会提交到外部URL.

如果我替换了$('#form1').submit();警报,它只向电子邮件页面提交一次,然后正确显示警报.

var myvalidator = $('#form1').bValidator(optionsGrey);

$('#form1').submit(function() {
  if (myvalidator.isValid()) {

    $.ajax({
      data: $('#form1').serialize(),
      type: "POST",
      url: "email_send.asp",
      success: function() {
        $('#form1').submit();
      }
    });
  }
  return false;
});
Run Code Online (Sandbox Code Playgroud)

有关如何解决此问题的任何建议?

jquery

14
推荐指数
1
解决办法
2万
查看次数

google maps api ....从地图外部的链接显示标记infowindow

我正在尝试使用google的map api v3构建一个交互式地图.我们的想法是使用asp在地图上填充一些标记列表.

创建地图,原始标记和内容非常简单,但现在我想要一个指向地图外部各种标记的链接列表.单击列表中的项目时,我希望它平移到该位置并打开相应的文本框(infowindow).

一切正常,但我无法打开信息窗口.任何人都可以在这里暗示我做错了吗?

<script type="text/javascript">
  var MapStart = new google.maps.LatLng(32.036020,34.760742);
  var marker;
  var map;
    var infowindow = new google.maps.InfoWindow();      

  function initialize() {
    var mapOptions = {
      zoom: 2,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: MapStart
    };

    map = new google.maps.Map(document.getElementById("map"),
            mapOptions);

<%
varCount = 0
while not rsListItem.EOF
  varCount = varCount + 1 
  varLong = rsListItem.Fields.Item("custom_text1").Value
  varLat = rsListItem.Fields.Item("custom_text2").Value
%> 
  var marker<%=varCount%> = new google.maps.Marker({
    position: new google.maps.LatLng(<%=varLong%>,<%=varLat%>),
    map: map,
    animation: google.maps.Animation.DROP,
    title : "<%=rsListItem.Fields.Item("heading").Value%>"
  });

  google.maps.event.addListener(marker<%=varCount%>, 'click', function() {
    map.panTo(new …
Run Code Online (Sandbox Code Playgroud)

google-maps-api-3

5
推荐指数
1
解决办法
5532
查看次数

Amazon Linux 2上的GD映像扩展问题

我最近使用Amazon Linux AMI在EC2实例上创建了LAMP服务器。

使用

sudo yum install -y php70-gd
Run Code Online (Sandbox Code Playgroud)

我安装了GD扩展程序。这一切都很好,我可以使用PHP上传和操作图像。

现在,我使用此处的教程使用Amazon Linux 2创建了LAMP服务器:https : //docs.aws.amazon.com/AWSEC2/latest/UserGuide/ec2-lamp-amazon-linux-2.html

我的问题是我无法使用GD扩展程序。我尝试使用

sudo yum install -y gd
Run Code Online (Sandbox Code Playgroud)

这似乎安装了GD的旧版本。我试过了

sudo yum install php-gd
Run Code Online (Sandbox Code Playgroud)

并且这似乎安装了该扩展程序的最新版本。

但是gd扩展似乎仍然无法正常工作。当我输入yum info gd时,在控制台中显示:

Loaded plugins: extras_suggestions, langpacks, priorities, update-motd
Installed Packages
Name        : php-gd
Arch        : x86_64
Version     : 7.2.5
Release     : 3.amzn2.0.2
Size        : 769 k
Repo        : installed
From repo   : amzn2extra-lamp-mariadb10.2-php7.2
Summary     : A module for PHP applications for using the gd graphics library
URL         : http://www.php.net/
License     : …
Run Code Online (Sandbox Code Playgroud)

php gd amazon-web-services

4
推荐指数
2
解决办法
2780
查看次数

reCaptcha Invisible,欧芹和ajax形式

我正在尝试从使用 Google reCaptcha v2 迁移到不可见的 reCaptcha。我使用 Parsley.js 进行表单验证,并使用 Malsup Ajax 表单插件提交表单。我当前的代码如下所示:

HTML:

<form action="send1.php" method="post" class="contact_form">        
<label for="name_1">Name</label>
<input type="text" name="name_1" id="name_1" value="" required />
<div class="g-recaptcha" data-sitekey="XXX"></div>
<input type="submit" class="button" value="">
</form>
Run Code Online (Sandbox Code Playgroud)

JS:

$('.contact_form').parsley();
$('.contact_form').submit(function(){
    if($('.contact_form').parsley().validate()){
        $('.contact_form').ajaxSubmit(); 
    }
    return false;
});  
Run Code Online (Sandbox Code Playgroud)

这成功地将 g-recaptcha-response 传递到 send1.php,其中 reCaptcha 被验证。

如何将 Invisible reCaptcha 与此脚本集成?

我尝试使用这个:

    <div id='recaptcha' class="g-recaptcha"
          data-sitekey="XXX"
          data-callback="onSubmit"
          data-size="invisible"></div>
 </div>
Run Code Online (Sandbox Code Playgroud)

但我不确定如何使用数据回调。如果我添加

grecaptcha.execute();
Run Code Online (Sandbox Code Playgroud)

在 ajaxSubmit() 之前,字段 g-recaptcha-response 被添加到 Ajax 调用中,但它的值为空...

有什么帮助吗?

forms ajax jquery recaptcha parsley.js

2
推荐指数
1
解决办法
3935
查看次数

blueimp jquery上传:拖放提交所有文件字段

我在实现 Blueimp 的 Jquery 上传时遇到了一个小问题。

我有一个表单,其中包含用于上传的几个不同的文件字段。

    <div id="file1">
    <input class="fileupload" type="file" name="files[]" data-url="jQueryFileUpload.php?pic=1">         
    <div  class="dropzone fade well" data-url="jQueryFileUpload.php?pic=1">Drop files here</div>
    <div class="progress">
        <div class="bar" style="width: 0%;"></div>
    </div>
    <input type="text" name="pic1"  id="pic1" value="">
</div>
<div id="file2">
    <input class="fileupload" type="file" name="files[]" data-url="jQueryFileUpload.php?pic=2">         
    <div  class="dropzone fade well" data-url="jQueryFileUpload.php?pic=2">Drop files here</div>
    <div class="progress">
        <div class="bar" style="width: 0%;"></div>
    </div>
    <input type="text" name="pic2"  id="pic2" value="">
</div>

<script>
$(function () {
$('.fileupload').fileupload({
    dataType: 'json',
    done: function (e, data) {
        $.each(data.result.files, function (index, file) {
            var fileName = …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery jquery-file-upload

1
推荐指数
1
解决办法
2749
查看次数