Ajax fade mesaj si redirect dupa un timp
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
royal27
- Mesaje: 79
Ajax fade mesaj si redirect dupa un timp
Am codul asta si vreau in loc de input type=button sa fie submit, dar sa imi dea fade la fel in 5 secunde de cand apare eroarea.
Daca schimb cu input type=submit imi apare pentru o secunda si dispare.
Dupa ce arata mesajul de succes vreau sa ma redirectioneze catre aceeasi pagina.
Cod: Selectaţi tot
<form class="account-form" id="submit_form" method="post">
<span id="error_message" class="text-danger"></span>
<span id="success_message" class="text-success"></span>
<fieldset>
<i class="ti-key"></i>
<input type="password" name="pass" id="pass" placeholder="Password" />
</fieldset>
<input type="button" value="Login" id="submit" class="red-bg" />
</form>
</div>
<script>
$(document).ready(function(){
$('#submit').click(function(){
var pass = $('#pass').val();
if( pass == '')
{
$('#error_message').html("All Fields are required");
}
else
{
$('#error_message').html('');
$.ajax({
url:"/unlock",
method:"POST",
data:{pass:pass},
success:function(data){
$("form").trigger("reset");
$('#success_message').fadeIn().html(data);
setTimeout(function(){
$('#success_message').fadeOut("Slow");
}, 5000);
}
});
}
});
});
</script>
MarPlo
Mesaje: 4343
Pune type="submit" la buton, si foloseste urmatorul script:
Cod: Selectaţi tot
<script>
$(document).ready(function(){
$('#submit_form').click(function(ev){
ev.preventDefault(); //to not submit the form
var pass = $('#pass').val();
if( pass == '') $('#error_message').html("All Fields are required");
else {
$('#error_message').html('');
$.ajax({
url:"/unlock",
method:"POST",
data:{pass:pass},
success:function(data){
$("form").trigger("reset");
$('#success_message').fadeIn().html(data);
setTimeout(function(){
$('#success_message').fadeOut("Slow");
location.reload(); //to reload the page
}, 5000);
}
});
}
});
});
</script>
royal27
Mesaje: 79
Am rezolvat,multumesc frumos de ajutor
Subiecte similare
-
Repetare mesaj de intampinare in camera chat
PHP - MySQL - XML
Primul mesaj
Am functia asta care iti adauga un mesaj in camera de chat bun venit
function addtochat($uid, $rid)
{
global$xyz;
$timeto = 200;
$timenw =...
Ultimul mesaj
Am rezolvat,am creat cum ai spus si tu un fisier php aparte care atunci cand intru in camera de chat sa trec prima data prin acel fisier cu mesajul...
-
Cel mai mic interval de timp măsurat
Stiri Deosebite
Fizicienii nucleari germani au stabilit un record mondial al timpului măsurat.
<div data-mpgal= showimg:false, thumb_width:290,...
-
Setare timp de incarcare a site-ului
JavaScript - jQuery - Ajax
Primul mesaj
Am o imaine de incarcare a site-ului în format GIF, dar nu apare fiindca pagina web se încarca în 0,01 secunde.
Este posibil să setez un timp de...
Ultimul mesaj
Iata un exemplu de preloader cu jQuery, cu metoda delay() (2 sec = 2000), adaugata la evenimentul 'load'.
<style>
.loading {
position:...
-
Post cu Ajax in modal
JavaScript - jQuery - Ajax
Primul mesaj
Bună ziua,
Vreau să trimit în aceeași pagină dar în modal două id-uri. Prin alert(id) îmi arată conținutul postului trimis dar în modal nu imi...
Ultimul mesaj
Nu prea inteleg mecanismul si ce anume nu functioneaza.
Oricum, daca functioneaza cand pui manual id-ul, poate ca problema e de la php.
Trebuie sa...
-
Ordine de executie cu jQuery-AJAX
JavaScript - jQuery - Ajax
Primul mesaj
Am acest cod (ajax este asincron):
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ultimul mesaj
Ajax face un apel către serverul web și este asincron. Nu știi cât va dura pana la raspuns. Este la fel ca:
setTimeout(_ => {...
-
mysql Update dupa nume
PHP - MySQL - XML
Primul mesaj
Salutari,
Incerc de ceva timp sa fac sa imi salveze informatiile jucatorului in baza de date, o data inserate vreau atunci cand gaseste din nou...
Ultimul mesaj
Cand se creaza tabelul in baza de date, coloana nickname trebuie sa fie de tip UNIQUE KEY .
Iar id-ul ar trebui sa fie o valoare care sa nu o mai...