Mínimo de caracteres não envia formulário

[Rafael Borba de Castro]

Pessoal, preciso de uma ajuda.

Tenho no formulário, o campo nome, que busca de um banco de dados com mais de 6.000 cadastros, por isso, se digitar apenas a palavra "A" vai buscar praticamente TODOS os nomes.

Preciso de uma função que não deixe buscar a não ser que digite pelo menos 3 caracteres.

Agradeço pela ajuda.

O bloco do "form" ta assim:

<form name="form1" action="ListaRamaisResultado.asp" method="post" onSubmit="return validaForm1(this);">
<table width="95%" height="100%"  border="0" align="center" cellpadding="3" cellspacing="1">
<tr valign="middle" class="TextoPreto">
<td width="22%"><strong>Nome:</strong></td>
<td width="78%"><input name="nome" type="text" class="TextoPreto" id="nome" size="50"></td>
</tr>
<tr valign="middle" class="TextoPreto">
<td><strong>Departamento:</strong></td>
<td><input name="departamento" type="text" class="TextoPreto" id="departamento">
</td>
</tr>
<tr valign="middle" class="TextoPreto">
<td><strong>Cargo:</strong></td>
<td><input name="cargo" type="text" class="TextoPreto" id="cargo"></td>
</tr>
<tr valign="middle" class="TextoPreto">
<td><strong>Ramal:</strong></td>
<td><input name="ramal" type="text" class="TextoPreto" id="ramal" size="10"></td>
</tr>
<tr valign="middle" class="TextoPreto">
<td><strong>Empresa:</strong></td>
<td><select name="empresa" size="1" class="TextoPreto" id="empresa">
<option value="NG">Selecione uma empresa</option>
<%      While Not rs.EOF %>
<option value="<%= rs("EMPRESA") %>"><%= UCase(rs("EMPRESA")) %></option>
<% rs.MoveNext 
Wend 
%>
</select></td>
</tr>
<tr class="TextoPreto">
<td height="5" colspan="2"><p> </p></td>
</tr>
<tr class="TextoPreto">
<td colspan="2"><div align="center">
<input name="bt1" type="submit" class="TextoPreto" id="bt1" value="Pesquisar" style="border-style:solid; border-color:#00908B">
</div></td>
</tr>
</table>
</form>

O único script que tem na página é para validar o campo EMPRESA se foi selecionado:

<script language="javascript">
function validaForm1() {
   if (document.form1.empresa.value.length == 0) {
      alert("Escolha a empresa");
          form1.empresa.focus();
          return false;
   }
   return true;
}
</script>

Precisaria colocar a função no campo NOME, somente nele

[blackout_almenara]

antes de mais nada uma dicasinha....

as tabelas do bd estão relacionadas????

se sim então coloque o option da empresa em primeira opção... dai você vai criar uma consulta dos nomes a partir da empresa selecionada (já vai diminuir bastante o numero de resultados) ai você vai colocar o campo pra busca do nome a partir da busca anterior......

mas de acordo com seu código aqui vai....

<script language="javascript" type="text/javascript">

function validarNome() {

var nome = form1.nome.value;

if (nome.length <=3) {

alert('Digite no minimo 3 caracteres');

form1.nome.focus();

return false;

}

</script>

testa ai e posta o resultado.. :D

[Rafael Borba de Castro]

na tag onSubmit, eu coloquei assim:

<form name="form1" action="ListaRamaisResultado.asp" method="post" onSubmit="return validaForm1(this);  validarNome(this);">

Mas não está passando, pelo menos o validaForm1 está normal.

[blackout_almenara]

assim eu acho q vai dar certo viu brother....

qualquer coisa é só chamar....

<script language="javascript">

function validaForm1() {

if (document.form1.empresa.value.length == 0) {

alert("Escolha a empresa");

form1.empresa.focus();

return false;

}

var nome = form1.nome.value;

if (nome.length <=3) {

alert("Digite no minimo 3 caracteres");

form1.nome.focus();

return false;

}

return true;

}

</script>

[Rafael Borba de Castro]

Consegui aqui!!

coloquei esse IF:

if (form1.nome.value=="" || form1.nome.value.length < 3) {
alert("Digite pelo menos 3 caracteres");
form1.nome.focus();
return false;
}

[Rafael Borba de Castro]

Bom, vou postar o código completo aqui pra ajudar.

<script language="javascript">

function validaForm1() {
  
   if (form1.nome.value=="" || form1.nome.value.length < 3) {
alert("Digite pelo menos 3 caracteres");
form1.nome.focus();
return false;
}
   
   return true;
}

</script>

<form name="form1" action="ListaRamaisResultado.asp" method="post" onSubmit="return validaForm1(this);">
                                                                  <table width="95%" height="100%"  border="0" align="center" cellpadding="3" cellspacing="1">
                                                                    <tr valign="middle" class="TextoPreto">
                                                                      <td width="22%"><strong>Nome:</strong></td>
                                                                      <td width="78%"><input name="nome" type="text" class="TextoPreto" id="nome" size="50"></td>
                                                                    </tr>
                                                                    <tr valign="middle" class="TextoPreto">
                                                                      <td><strong>Departamento:</strong></td>
                                                                      <td><input name="departamento" type="text" class="TextoPreto" id="departamento">                                                                      </td>
                                                                    </tr>
                                                                    <tr valign="middle" class="TextoPreto">
                                                                      <td><strong>Cargo:</strong></td>
                                                                      <td><input name="cargo" type="text" class="TextoPreto" id="cargo"></td>
                                                                    </tr>
                                                                    <tr valign="middle" class="TextoPreto">
                                                                      <td><strong>Ramal:</strong></td>
                                                                      <td><input name="ramal" type="text" class="TextoPreto" id="ramal" size="10"></td>
                                                                    </tr>
                                                                    <tr valign="middle" class="TextoPreto">
                                                                      <td><strong>Empresa:</strong></td>
                                                                      <td><select name="empresa" size="1" class="TextoPreto" id="empresa">
                                                                          <option value="NG">Selecione uma empresa</option>
                                                                          <%    While Not rs.EOF %>
                                                                          <option value="<%= rs("EMPRESA") %>"><%= UCase(rs("EMPRESA")) %></option>
                                                                          <%    rs.MoveNext 
                                                                          Wend 
                                                                          %>
                                                                      </select></td>
                                                                    </tr>
                                                                                                                                       
                                                                    <tr class="TextoPreto">
                                                                      <td height="5" colspan="2"><p>&nbsp;</p></td>
                                                                    </tr>
                                                                    <tr class="TextoPreto">
                                                                      <td colspan="2"><div align="center">
                                                                          <input name="bt1" type="submit" class="TextoPreto" id="bt1" value="Pesquisar" style="border-style:solid; border-color:#00908B">
                                                                      </div></td>
                                                                    </tr>
                                                                  </table>
                                                                </form>