SweetAlert2不会将记录添加到数据库

时间:2019-07-23 12:22:25

标签: javascript ajax sweetalert sweetalert2

我有一个函数可以验证来自表单的输入。问题是每次我提交表单时,数据就不会插入数据库中。如果禁用此功能,则可以成功提交表单并将数据添加到DB,但是我没有验证,因此可以轻松地将表单提交为空。我正在通过AJAX进行此操作。我的AJAX代码是:

$(document).ready(function(){

        function validare(formElement) {
    var name = document.forms["form"]["echipa"].value;
    if(name=="" && name.length < 2){
                  swal({
                            type: 'error',
                            title: '<?php echo "Eroare!!";?>',
                            text: '<?php echo "Introdu te rog numele";?>',
                            });
        return false;

    }

    var mobile = document.forms["form"]["telefon"].value;
    if(mobile=="" && mobile.length < 4){
                  swal({
                            type: 'error',
                            title: '<?php echo "Eroare!!";?>',
                            text: '<?php echo "Introdu te rog numarul de telefon";?>',
                            });
        return false;
    }else{
        if(isNaN(mobile) && mobile.length < 8){
                      swal({
                            type: 'error',
                            title: '<?php echo "Eroare!!";?>',
                            text: '<?php echo "Numarul de telefon nu este valid";?>',
                            });
            return false;
        }
        console.log(mobile);
    }
        var email = document.forms["form"]["email"].value;
    if(email==""){
                  swal({
                            type: 'error',
                            title: '<?php echo "Eroare!!";?>',
                            text: '<?php echo "Introdu te rog adresa de email";?>',
                            });
        return false;
    }else{
        var re = /^(?:[a-z0-9!#$%&amp;'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&amp;'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/;
        var x=re.test(email);
        if(!x){
                      swal({
                            type: 'error',
                            title: '<?php echo "Eroare!!";?>',
                            text: '<?php echo "Introdu te rog email-ul intr-un format corect";?>',
                            });
            return false;
        }
        console.log(email);
    }

}
$(document).on("click", ".echipa-addedit", function (e) {
                if(validare("#echipa-form")){
                e.preventDefault();
                var form = document.getElementById('echipa-form');
                var formData = new FormData(form);
                //console.log(formData);
                $.ajax({
                  type: "POST",
                  url: "ajax/echipa-addedit.php",
                  data: formData,
                  processData: false,
                  contentType: false,
                  cache : false,
                  dataType: "html"

                }).done(function(msg) {
                  swal({
                        title: '<?php echo $txt_succes[$lang];?>',
                        text: '<?php echo $txt_inregistrare_salvata[$lang];?>',
                        type: 'success'}
                        ,function () {
                            location.reload()
                            }
                        );
                });
            }
        });

HTML是:

<div class="app">
<div class="row" style="margin-bottom: 5px;padding-left:15px">
  <div class="col-sm-12 app-view-header">
    Adauga un concurs
  </div>
  <!-- START dashboard content -->
  <div class="col-sm-6 animated fadeInDown" id="abonament-toggle" style="margin-bottom: 10px;">
  </div>
</div>   
<div class="row">
  <div class="col-sm-6 app-view-header">

      </div>
      <div class="col-lg-12 fw-boxed animated fadeInUp">
        <div class="panel panel-default">
          <div class="panel-heading"></div>
            <div class="panel-body">
              <div class="row">
                <div class="col-sm-8">
                  <form action="" method="POST" autocomplete="off" name="form" id="concurs-form">         

                      <input type="hidden" name="id_concurs" style="padding:0px;" value="0" />

                      <div class="row">
                        <div class="col-sm-6">
                            <legend class="labellike">Nume concurs</legend>
                            <div class="input-group">
                              <span class="input-group-addon"><i class="fa fa-trophy"></i></span>
                                <input class="form-control" type="text" name="denumire" >
                            </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-sm-6">
                            <legend class="labellike">Locatie</legend>
                            <div class="input-group">
                              <span class="input-group-addon"><i class="fa fa-map-pin"></i></span>
                                <input class="form-control" type="text" name="locatia">
                            </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-sm-6">
                            <legend class="labellike">De la</legend>
                            <div class="input-group">
                              <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input class="form-control datetimepicker" type="text" name="dela" id="date_begin"  data-date-format="DD-MM-YYYY HH:mm:ss" >
                            </div>
                        </div>
                      </div>
                       <div class="row">
                        <div class="col-sm-6">
                            <legend class="labellike">La</legend>
                            <div class="input-group">
                              <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input class="form-control datetimepicker" type="text" name="la" id="date_end"  data-date-format="DD-MM-YYYY HH:mm:ss">
                            </div>
                        </div>
                      </div>
                       <br />
                  <p class="form1">
                  <button type="submit" name="concurs_submit" class="btn btn-info btnred concurs-addedit">Salveaza</button> </p>
                  </form>
                </div>
              </div>
            </div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>
  </div>
</div>

0 个答案:

没有答案