Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dexter Morgan

Validação com Ajax para Janela Modal

Por , em Javascript

Recommended Posts

Dexter Morgan    7

Dexter Morgan
Postado

Bom dia, estou tentando validar 3 campos com javascript em uma janela modal, mas parece que nao funciona, fiz algumas pesquisas e li que nesse caso seria o ideal usar ajax, mas como faria esse script:

function validForm(){
if(document.form.senha.value.trim()==""){
alert('Por favor, preencha a senha.');
return false;
}
else
if(document.form.confirmasenha.value.trim()==""){
alert('Por favor, confirme a senha.');
return false;
}
else
if(document.form.senha.value != document.form.confirmasenha.value){
alert('Senhas diferentes.');
return false;
}
}

em ajax, no ultimo if compara se as senhas sao iguais, eu vi alguns ajax mas é um pouco diferente ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não tem nada de ajax e nem de jQuery no código que vc postou.

 

Aperte Ctrl + Shift + J no Firefox ou Chrome, e veja o que aparece no console de erros.

Dai vc terá uma idéia pq não tá funcionando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Depende de como vc chamou a função e de como o seu modal foi feito.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dexter Morgan    7

Dexter Morgan
Postado

no caso a base do código é essa:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

		<title> Project </title>

		<!-- CSS -->

<link rel="stylesheet" type="text/css" href="css/fancybox.css" />

		<!-- JS -->

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/fancybox_jquery.js"></script>

<script type="text/javascript" src="js/fancybox.js"></script>

<script type="text/javascript" src="js/password.js"></script>

</head>

		<body>

<script type="text/javascript">
$(function(){
$('.boxUF').fancybox({
helpers : {
overlay : {closeClick:false},
title: null
},
keys : {
close : null
},
beforeShow : function(){
var id = $(this.element).attr("rel");
$.ajax({
type: "POST",
url: "admin_password.php",
data: { acao: "buscaDados", id: id}
}).done(function(data){
$("#modal").html(data);
});
}
});
});
</script>


<table class="layout-big" width="800">
<tr>

<td width="10%">Senha</td>
<td width="50%"><a href="#modal" rel="13" class="boxUF" style="outline:0;"><img src="img/edit.png" border="0" title="" alt="" /></a></td>

<div id="modal"></div>

</tr>
</table>


		</body>

</html>

o rel é onde pega o id [detalhe estou usando o plugin fancybox] a pagina que abre em modal:

<?php

$acao = isset($_REQUEST["acao"]) ? $_REQUEST["acao"] : '';
$id = isset($_POST["id"]) ? (int) $_POST["id"] : '';
 
switch($acao){
case "buscaDados":

?>

		<!-- JS -->

<script type="text/javascript" src="<?php print $link_js ?>password.js"></script>

<br clear="all" />
<br />

<center>

<?php

include "connection.php";

if(!isset($_POST["submit"])){
$sql = "SELECT id_admin, senha FROM admin WHERE id_admin = '$id'";
$resultado = mysql_query($sql) or die (mysql_error());
if(mysql_num_rows($resultado) < 1){
}
else{
while($linha = mysql_fetch_array($resultado)){
$id_admin = $linha["id_admin"];
$senha = $linha["senha"];

echo "<form id=\"form\" name=\"form\" action=\"admin_passwordup.php?id_admin=$id_admin\" method=\"post\" enctype=\"multipart/form-data\" onsubmit=\"return validForm(); return false;\">";

echo "<table class=\"layout-big\" width=\"800\">";
echo "<tr>";
echo "<td width=\"15%\">$button_password</td>";
echo "<td width=\"35%\"><input class=\"input\" name=\"senha\" type=\"password\" size=\"35\" maxlength=\"255\" placeholder=\"••••••\" /></td>";
echo "<td width=\"15%\">$button_confirm</td>";
echo "<td width=\"30%\"><input class=\"input\" name=\"confirmasenha\" type=\"password\" size=\"35\" maxlength=\"255\" placeholder=\"••••••\" /></td>";
echo "</tr>";
echo "</table>";

echo "<br />";

echo "<table class=\"layout-big\" width=\"800\">";
echo "<tr>";
echo "<td width=\"10%\">$button_confirmation</td>";
echo "<td width=\"50%\"><input class=\"button\" type=\"submit\" value=\"$button_modify\" /></td>";
echo "</tr>";
echo "</table>";

echo "</form>";

}
}
}

?>

</center>

<?php

break;
}

?>

eu ja tentei jogar o password.js que é o script que postei duas vezes e mesmo assim nao valida

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Ok, e oque aparece no console de erros ?

 

Ctrl + Shift + J

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dexter Morgan    7

Dexter Morgan
Postado

apareceu isso aqui Willian

this.previewFromTab(...) is undefined


Willian achei o problema, funciona sim, o caso era que tinha outro script puxando no código um de validação, com mesmo valor de:

 

validForm

form

 

dessa forma acho que estava dando conflito, mudei esses valores no password.js e agora está dando certo vlw :clap:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito