Я изучаю javascript / jquery на go, я пытаюсь перезагрузить форму, но сохраняю свойства js (обязательные и замаскированные вводы), код и прикрепленные изображения.
Первое изображение: замаскированные входы работают как шарм Второе изображение: форма полностью заполнена, все еще работает Третье изображение: перезагруженная форма, но свойства не применяются
Форма html (минимизированная, только первое поле)
<div class="card-body" id="clientsAddFormContainer">
<form method="post" action="main/clients/addController.php">
<div class="form-group row" id="clientRutDiv">
<div class="col-lg-6">
<div class="form-group" id="clientRutInnerDiv">
<label class="col-form-label" for="clientRut">RUT <span class="required">*</span></label>
<input type="text" name="clientRut" id="clientRut" class="form-control" placeholder="Ej. 11.111.111-1" required="" data-plugin-masked-input="" data-input-mask="99.999.999-*" autofocus>
</div>
</div>
</div>
</div>
</form>
<footer class="card-footer">
<div class="switch switch-sm switch-primary">
<input type="checkbox" name="wannaStay" id="wannaStay" data-plugin-ios-switch checked="checked" />
</div> Mantenerme en esta página
<button type="button" style="float: right;" class="btn btn-primary" onclick="realizaProceso();">Enviar</button>
</footer>
JS для realizaProceso ()
function realizaProceso(){
var validator =0;
validator += validateRequiredField('clientRut');
if(validator == 0){
var parametros = {
"clientRut" : document.getElementById('clientRut').value,
"tableName" : 'clients'
};
$.ajax({
data: parametros,
url: 'route/to/addController.php',
type: 'post',
success: function (respText) {
if(respText == 1){
if(document.getElementById('wannaStay').checked){
$("#clientsAddFormContainer").load(location.href + " #clientsAddFormContainer");
}else{
window.location = "linkToOtherLocation";
}
}else{
showNotyErrorMsg();
}
},
error: function () {
showNotyErrorMsg();
}
});
}else{
showNotyValidationErrorMsg();
}
}
Итак, мой JS проверьте, все ли поля проверены, затем подготовьте массив и дождитесь двоичного ответа php, 1 означает, что данные были вставлены в БД, если флажок wannaStay проверен, перезагрузите div "clientsAddFormContainer", но, как я уже сказал, он потеряет свойства .
Пожалуйста, извините за мою грамматику или любые другие проблемы, связанные с engli sh, а не с носителем языка engli sh.
Ps. Я удалил некоторый код, чтобы он мог go отличаться от изображений.
Заранее спасибо!
РЕДАКТИРОВАТЬ! Оригинальный код
<div class="card-body" id="clientsAddFormContainer">
<form method="post" action="main/clients/addController.php">
</form>
</div>
один js exe c Я получил
<div class="card-body" id="clientsAddFormContainer">
<div class="card-body" id="clientsAddFormContainer">
<form method="post" action="main/clients/addController.php">
</form>
</div>
</div>
2-е РЕДАКТИРОВАНИЕ Я нашел ответ в другом stackoverflow вопрос