我有一个函数可以验证来自表单的输入。问题是每次我提交表单时,数据就不会插入数据库中。如果禁用此功能,则可以成功提交表单并将数据添加到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!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\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>