Есть шаблон bootstrap 3 , есть такая крутая штука на javascript вот скрин
prntscr.com/br4sui
и код этой прелесть
function validateForm() {
var x = document.forms["myForm"]["options"].value;
if (x == null || x == "") {
swal({ title: "Errors!", text: "Nu ai ales nici un raspuns la prima intrebare !", imageUrl: "images/thumbs-up.jpg" });
return false;
}
var y = document.forms["myForm"]["optionsx"].value;
if (y == null || y == "") {
swal({ title: "Errors!", text: "Nu ai ales nici un raspuns la a 2 intrebare !", imageUrl: "images/thumbs-up.jpg" });
return false;
}
else {
swal({ title: "An input!",
text: "Write something interesting:",
type: "input",
showCancelButton: true,
closeOnConfirm: false,
animation: "slide-from-top",
inputPlaceholder: "Write something" },
function (inputValue) {
if (inputValue === false) return false;
if (inputValue === "") {
swal.showInputError("You need to write something!");
return false
}
swal("Nice!", "You wrote: " + inputValue, "success"); });
}
}
Но как вы видите там и проверка есть , суть в том что после нажатия на кнопку submit , код выводит форму для вода имени но она быстро исчезаем и идет redirect на файл load.php
Как сделать что бы пока чел не водил имя в форме его никуда не перебрасывало и как передать inputValue из js в php в файл load.php
Да прибудет с вами сила !
ps1. вот код submit
<form method="POST" name="myForm" onsubmit="return validateForm()" action=" " >
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input name="options" id="option1" type="radio"> Da !
</label>
<label class="btn btn-primary">
<input name="options" id="option2" type="radio"> Nu !
</label>
<label class="btn btn-primary ">
<input name="options" id="option3" type="radio"> 50 la 50
</label>
</div>
<h3>Cind vezi o masina veche ai vrea sa faci un cerc la volan ?! (numa o varianta de raspuns)</h3>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input name="optionsx" id="option4" type="radio"> Da !
</label>
<label class="btn btn-primary">
<input name="optionsx" id="option5" type="radio"> Nu !
</label>
<label class="btn btn-primary ">
<input name="optionsx" id="option6" type="radio"> 50 la 50
</label>
</div>
<input type="submit" value=Afla!>
</form>