我有一個未正確提交的 Ajax 表單的下一個問題。我有 3 種形式，一種用于桌面，一種用于移動，還有一種位于模式內的形式。桌面版的第一個表格完美運行并通過 Cakephp 注冊了我需要的所有數據。第二個是用于移動版本的，它顯示一個錯誤，該錯誤來自我為使用 Jquery 進行錯誤處理而開發的函數。移動版表單和模態表單似乎都存在相同的問題。我通過 ajax 發送查詢，但問題仍然存在，顯示相同的錯誤。這是正確工作的表單的 Jquery 代碼。 $('#nueva_normalidad_form').on('submit', function(e){ e.preventDefault(); $('#errorMain').html(''); var formContainer = $('#form_container'); var errorArea = $('#errorMain'); if(!validateDocApplication(errorArea)){ return; } var data = $('#nueva_normalidad_form').serialize(); var beforeSend = function () { $('#sendDataButton').attr("disabled", true); }; var error = function (a) { $('#errorMain').html('<div class="alert alert-danger">' + info.txt + '</div>'); return a; }; var success = function(info) { info = $.parseJSON(info); if (info.id === 200) { formContainer.animate({ display: "none" }, { duration: 600, complete: function () { formContainer.css("display", "none"); $('div#successText').css("display", "block"); } }); $('#successText').animate({ display: "block" }, {duration: 700, complete: function () { $('#successText').css("display", "block"); } }); dataLayer.push({'eventcategory': 'Conversion', 'event': 'submitForm'}); } else { $('#errorMain').html('<div class="alert alert-danger">' + error.txt + '</div>'); } }; saveNewNormDoctor(data, beforeSend, success, error);});
1 回答
PIPIONE
TA貢獻1829條經驗 獲得超9個贊
最后，我找到了解決問題的方法。通過為我需要的每個輸入字段分配新的 ID，我得到了這個函數：
function validateDocApplicationForm(errorArea) {
var noError = true;
if(!$('#name_form').val()){
errorArea.html('<div class="alert alert-danger">Por favor, inserte el nombre</div>');
noError = false;
} else {
name = $('#name_form').val();
return name;
}
if(!$('#surname_form').val()){
errorArea.html('<div class="alert alert-danger">Por favor, inserte el apellido</div>');
noError = false;
} else {
surname = $('#surname_form').val();
return surname;
}
if(!$('#email_form').val()){
noError = false;
errorArea.html('<div class="alert alert-danger">Por favor, inserte su correo</div>');
} else {
email = $('#email_form').val();
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
noError = re.test(email);
return email;
}
if(!$('#tel_form ').val()){
errorArea.html('<div class="alert alert-danger">Por favor, inserte el número de teléfono</div>');
noError = false;
}else {
phone = $('#tel_form').val();
return phone;
}
if(!$('#collegiate_form').val()){
errorArea.html('<div class="alert alert-danger">Por favor, inserte el número de colegiado</div>');
noError = false;
} else {
colegiado = $('#collegiate_form').val();
return colegiado;
}
var valorSpec = $('#spec_form option:selected').val();
if(!valorSpec){
errorArea.html('<div class="alert alert-danger">Seleccione una especialidad</div>');
noError = false;
}
return noError;
}
我必須對我的標記進行的更改是：
<div id="formNewnorm" class="bottom_margin">
<div class="col-md-12 col-sm-12 form-group top_margin no_side_paddings">
<div class="col-sm-6 col-md-6 no_padding_left">
<input name="name" id="name_form" class="desesc form-control" type="text" placeholder="<?= __('Nombre'); ?> *">
</div>
<div class="col-sm-6 col-md-6 no_side_paddings">
<input name="surname" id="surname_form" class="desesc form-control" type="text" placeholder="<?= __('Apellidos'); ?> *">
</div>
</div>
<div class="form-group">
<input name="email" id="email_form" class="desesc form-control" type="email" placeholder="<?= __('e-mail');?> *">
</div>
<div class="form-group">
<input name="phone" id="tel_form" class="desesc form-control" type="number" placeholder="<?= __('Número de contacto');?> *">
</div>
<div class="form-group">
<select class="desesc form-control" name="especialidad" id="spec_form">
<option value="0"><?= __('Seleccione su especialidad'); ?></option>
<?php foreach ($specs AS $k => $v) { ?>
<option value="<?= $k; ?>"><?= $v; ?></option>
<?php } ?>
</select>
</div>
<div class="form-group">
<input name="colegiado" id="collegiate_form" class="desesc form-control" type="number" placeholder="<?= __('Número de colegiado'); ?> *">
</div>
<div class="form-group">
<div class="radio radio_highlight">
<input type="radio" name="condiciones_form" id="condiciones_form" value="1" required="">
<label class="text-primary" for="condiciones_form">
<?= __('He leído y acepto las');?> <a target="_blank" href="http://topdoctors.local/terminos-legales">
<u><?= __('Condiciones de Uso'); ?></u></a>
</label>
</div>
<input type="hidden" name="created" value="<?php echo date('Y-m-d H:i:s'); ?>" >
</div>
<div class="form-group">
<div id="errorModal"></div>
<button id="sendDataButton" class="btn btn-block btn-primary btn_md">
<?= __('Solicitar información'); ?>
</button>
</div>
</div>
通過這種方法，我能夠使用各自的名稱和新 ID 將值重新分配給每個輸入。因此通過 ajax 請求傳遞新值，我能夠將我的數據注冊到數據庫中。
- 1 回答
- 0 關注
- 124 瀏覽
添加回答
舉報
0/150
提交
取消