Question

好吧，我有这个Themeforest模板并玩它，直到网站看起来像我想象的方式。我唯一的问题是.js形式不知何故不起作用，我也没有任何想法。我甚至不知道在哪里告诉它应该发送文本的地址。也许你可以帮助我。

域名是：entwicklung.thechillingbull.de

这是HTML：

<div class="container"> </div>
<div class="container"> </div>
<div class="bg-2 section" id="contact">
  <div class="inner" data-topspace="50" data-bottomspace="20" data-image="flavours/coffeecream/images/demo-content/background-6.jpg">
    <div class="container">
      <h3 class="hdr4">Kontakt und Reservierung</h3>
      <div class="easyBox full">
        <div class="row nomargin">
          <div class="col-md-11">
            <h4 class="hdr2 special">Wenn du Uns etwas mitteilen oder Reservieren möchtest hast du hier die Chance!</h4>
            <form class="simpleForm" action="form/form.php" method="post">
              <fieldset>
                <div class="form-group">
                  <label>Dein Name</label>
                  <input type="text" class="form-control" name="field_[]" placeholder="Schreibe deinen Namen">
                </div>
                <div class="form-group">
                  <label>Deine E-Mail-Adresse</label>
                  <input type="email" required class="form-control" name="email" placeholder="Schreibe deine E-Mail-Adresse">
                </div>
                <div class="form-group">
                  <label>Deine Nachricht</label>
                  <textarea class="form-control" rows="5" name="field_[]" placeholder="Schreibe deine Nachricht"></textarea>
                </div>
                <input type="hidden" name="msg_subject" value="Contact Form">
                <input type="hidden" name="field_[]" value=" ">
                <input class="btn btn-default" type="submit" value="Senden">
              </fieldset>
            </form>
            <div class="successMsg" style="display:none;">Nachricht erfolgreich gesendet! </div>
            <div class="errorMsg" style="display:none;"> Ups! Es ist ein Fehler unterlaufen, versuche es später erneut. </div>
          </div>
          <div class="col-md-2"> </div>
      </div>
    </div>
  </div>
</div>

这是.js

/**
 * Submitting Form
 */
jQuery(document).ready(function ($) {
        var debug = false; //show system errors
    var sendingMessage = 'Sending...';


    $('.simpleForm').submit(function () {
        var $f = $(this);
        var $submit = $f.find('input[type="submit"]');

        //prevent double click
        if ($submit.hasClass('disabled')) {
            return false;
        }

        $submit.attr('data-value', $submit.val()).val(sendingMessage).addClass('disabled');

        $.ajax({
            url: $f.attr('action'),
            method: 'post',
            data: $f.serialize(),
            dataType: 'json',
            success: function (data) {

                if (data.errors) {
                    // error
                        var $errorMsg = jQuery($f).parent().find(".errorMsg");
                            jQuery($f).fadeOut(300,function(){
                                $errorMsg.fadeIn();
                            });

                } else {
                        // success
                        var $successMsg = jQuery($f).parent().find(".successMsg");
                            jQuery($f).fadeOut(300,function(){
                                $successMsg.fadeIn();
                            });
                }

                $submit.val($submit.attr('data-value')).removeClass('disabled');
            },
            error: function (data) {
                if (debug) {
                    alert(data.responseText);
                }
                $submit.val($submit.attr('data-value')).removeClass('disabled');
            }
        });

        return false;
    });
});

希望你能帮助我实现这个目标。

谢谢！

Answer 1

变化：

<form class="simpleForm" action="form/form.php" method="post">

要

<form class="simpleForm" action="/your-code-file" method="post">

其中your-code-file将是处理表单值的文件的位置。

.js形式不起作用

1 个答案: