Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Estou com um problema... Sou muito leigo em javascript e comecei a estudar tem pouco tempo.
Estava querendo substituir os alerts por uma janela modal mais bonita. Consegui achar um código na internet que auxilia muito nisso. Peguei ele e estou tentando aplicar no meu script.
Nesse código ao ser clicado em um link ou um botão, ele pega a class ou id dos mesmos e abre a janela, sendo uma janela simples de alerta ou uma janela de confirmação só que estilizadas.
No meu código estou tentando validar os dados enviados do formulário e, caso o campo não for preenchido, ao invés de mostrar o convencional alert, estou tentando implementar essa janela modal.
Eu até consegui fazer que ela apareça caso o campo não esteja preenchido. O problema é que tenho que se dou um clique nada acontece, mas quando dou o segundo clique ela aparece normalmente, dai em diante ela funciona normalmente, mas se atualizo a pagina tenho que dar dois cliques para que funcione.
E se preencho o nome ela também aparece.
Se alguém souber e poder me ajudar ficaria grato.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Alert - Testes</title>
<meta charset="UTF-8" />
<meta name="viewport" content="widht=device-widht, initial-scale=1">
<script src="m2br.dialog.pack.js"></script>
<script src="m2br.dialog.js"></script>
<link rel="stylesheet" type="text/css" href="m2br.dialog.css" />
</head>
<body>
<form action="" method="post" name="form" onsubmit="return Validar();">
<input type="text" name="nome">
<input type="submit" value="enviar" name="enviar" class='enviar'>
</form>
<script>
function Validar(){
var nome = form.nome.value;
if (nome == "") {
$('.enviar').m2brDialog({
tipo : 'erro',
largura : 300,
altura : 100,
titulo : 'Alerta!',
texto : '<h3>Erro ao enviar os dados</h3> <div class="text">Por favor, preencha o campo nome!</div>'
});
return false;
}
};
</script>
</body>
</html>Brother, tente usar algo mais dinamico no seu formulario, eu curto muito formularios em Ajax, ele da o alerta na hora sem ser com aquelas janelas chatas. da um bizu ai... eu acho q fica muito mais elegante e acho que é ate mais facil por ter muito material para adaptar! abraço
>
Em 19/04/2017 at 07:41, RafaelTOF disse:
Brother, tente usar algo mais dinamico no seu formulario, eu curto muito formularios em Ajax, ele da o alerta na hora sem ser com aquelas janelas chatas. da um bizu ai... eu acho q fica muito mais elegante e acho que é ate mais facil por ter muito material para adaptar! abraço
Estou começando agora com Javascript, mas acho interessante a janela modal em casos de confirmação e em casos de sucesso. Mas estou estudando todas as possibilidades de usa-la.
Dei uma olhada naquele JqueryValidation e achei muito interessante. Vou dar uma estudada. Muito obg pela dica!
>
Em 18/04/2017 at 14:52, itlpps disse:
function Validar(){
var nome = form.nome.value;
if (nome == "") {
$('.enviar').m2brDialog({
tipo : 'erro',
largura : 300,
altura : 100,
titulo : 'Alerta!',
texto : '<h3>Erro ao enviar os dados</h3> <div class="text">Por favor, preencha o campo nome!</div>'
});
return false;
}
return true;
};
Coloca um return true. Assim
Olá, infelizmente não tive êxito dessa forma. Mas pesquisando achei outra janela modal a qual obtive sucesso na minha aplicação. Desde já agradeço por sua atenção. Obg!