Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala Galera, td bom?
Bom, ja deixando explicado que naum so nenhum expert em javascript, pelo contrario, sou um completa ameba em relação.
O problema eh o seguinte. Estou usando JQuery para umas frescurinhas visuais, e uns comandos JavaScript para validação do meu formulario.
Formulario este desenvolvido em Java. Os executam suas funcionalidades corretamente. Porem um passa reto na verificação do outro.
Por exemplo uma parte do codigo onde tem "if request.form("sent")="yes then ......"" que seria pra ser executado apenas quando o form eh reenviado.
esta sendo executada diretamente.
Alguem pode ajudar?? Segue abaixo as paginas.
teste_form_1.asp
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" href="css/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-custom.min.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript">
$(function() {
// Dialog
$('#dialog').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() {
ValidaForm();
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
</script>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
</style>
</head>
<body><%
if request.form("sent") = "yes" then
response.write request.form("txtNome")&"<br>"
response.write request.form("txtNome") <div class="ui-widget">
<div class="ui-state-highlight ui-corner-all" style="padding: 0 .7em;">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
<strong>Dados enviados com sucesso:</strong>
Nome: <%=request.form("txtNome")%>, E-mail: <%=request.form("txtEmail")%></p>
</div>
</div><!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
<h2 class="demoHeaders">Dialog</h2>
<p>
<a href="#" id="dialog_link" class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-newwin"></span>Open Dialog
</a>
</p><!-- ui-dialog -->
<div id="dialog" title="Cadastro de Usuarios">
<form id="frmData" action="teste_form_1.asp">
<input type="hidden" name="sent" value="yes">
<label>Nome</label>
<input type="text" name="txtNome" id="txtNome">
<label>E-mail</label>
<input type="text" name="txtEmail" id="txtEmail">
</form>
</div>
</body>
</html><!--##############################################-->
<!--## CHECAGEM DE FORMULARIOS ##-->
<!--##############################################-->
function ValidaForm()
{
var checks = document.getElementsByTagName("input");
for(j=0;j<checks.length;j++)
{
if(checks[j].getAttribute("obrig") == "sim")
{
if(checks[j].value == "")
{
alert("Por favor, preencha o campo " + checks[j].getAttribute("nome") + " !");
checks[j].focus();
return;
}
}
}
$(form).submit();
}Carregando comentários...