Função validar campo vazio

[santos_s 12]

Estou com problemas na validação de um campo no meu form, tentei assim:

function sub(envia){
 if (frm_1.tp_oficio.value==""){
  alert("Selecione o tipo de oficio para consulta!");
  return false; 
 }else{
  document.frm_1.action=envia;
  document.frm_1.submit();
}
}

chamo a função aqui:

onClick="sub('relatorio/rel_oficio.php');"

só que quando clico no botão me mostra o alerta e a pagina e aberta em outra aba.

 

como devo proceder?

 

[Marcos_imasters 288]

$("input").blur(function(){

if($(this).val() == "")

{

$(this).css({"border-color" : "#F00", "padding": "2px"});

}

});

})

[Sergio Tomas 16]

Olá santos, você deve fazer a validação no evento onSubmit do formulario

exemplo:

<form action="relatorio/rel_oficio.php" method="post" onSubmit="return sub(this);">
</form>

Javascript:

function sub(frm_1){
 if (frm_1.tp_oficio.value==""){
  alert("Selecione o tipo de oficio para consulta!");
  return false; 
 }else{
  document.frm_1.action = frm_1.action;
  document.frm_1.submit();
}
}

[santos_s 12]

 

Olá santos, você deve fazer a validação no evento onSubmit do formulario

exemplo:

<form action="relatorio/rel_oficio.php" method="post" onSubmit="return sub(this);">
</form>

Javascript:

function sub(frm_1){
 if (frm_1.tp_oficio.value==""){
  alert("Selecione o tipo de oficio para consulta!");
  return false; 
 }else{
  document.frm_1.action = frm_1.action;
  document.frm_1.submit();
}
}

O Problema e que tenho duas opções, por isso uso a função e deixo action vazio, uso assim:

<input id="btn_ok" class="btn" type="button" name="btn_ok" value="Pesquisar" onClick="sub('relatorio/rel_oficio.php');"/>
<input id="btn_ok" class="btn" type="button" name="btn_ok" value="Gerar PDF" onClick="sub('exporta_pdf.php')"  />

posso enviar submit para rel_oficio ou export_pdf.

 

[]s

[santos_s 12]

$("input").blur(function(){

if($(this).val() == "")

{

$(this).css({"border-color" : "#F00", "padding": "2px"});

}

});

})

tenho que validar o envio para duas páginas conforme abaixo:

<input id="btn_ok" class="btn" type="button" name="btn_ok" value="Pesquisar" onClick="sub('relatorio/rel_oficio.php');"/>
<input id="btn_ok" class="btn" type="button" name="btn_ok" value="Gerar PDF" onClick="sub('exporta_pdf.php')"  />

[]s

[Sergio Tomas 16]

Bom dia santos, uma dúvida, estes botões estão dentro da tag form?

[santos_s 12]

Bom dia santos, uma dúvida, estes botões estão dentro da tag form?

Somente o pesquisar.

 

[]s

[Sergio Tomas 16]

Santos, retire esse botão do seu form para que ele não redirecione.

[im@sters 0]

santos tente assim

 

$("#btn_ok").click(function(){

if($("input").val() == "")
{
$("input").css({"border-color" : "#F00", "padding": "2px"});
}
});

});

[santos_s 12]

Santos, retire esse botão do seu form para que ele não redirecione.

Retirei em não envio as informações e nem informou que o campos estava vazio.

 

[]s

[santos_s 12]

 

santos tente assim

 

$("#btn_ok").click(function(){

if($("input").val() == "")

{

$("input").css({"border-color" : "#F00", "padding": "2px"});

}

});

});

 

Não aconteceu nada amigo. quando cliquei no botão.

 

[]s

[Marcos_imasters 288]

ai amigo funcionando

 

http://jsfiddle.net/aurasistemas/n7m5uza2/