Ir para conteúdo

POWERED BY:

Arquivado

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

wanderson.PHW

Para escrever apenas numeros e letras no campo do formulario

Por , em Javascript

Recommended Posts

wanderson.PHW    0

wanderson.PHW
Postado

Olá amigos, estou com um probleminha e dei uma pesquisada na internet e ainda não consegui resolver, estou com o seguinte problema; eu criei um formulario com apenas 2 campos, um para email que no caso ja esta tudo ok, e o outro para as pessoas criarem uma numeração como uma senha com letras e numeros que serão enviados para mim, mas preciso que esse campo faça validação ou um bloqueio, para ter apenas letras e numeros, Vou disponibilizar o codigo da minha pagina inteira para melhor interpretação.

 

 

<head>
<%
session("dados_ok") = "S"
%>
<style type="text/css">
<!--
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<style type="text/css">
 
td img {display: block;}.style1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style2 { font-size: 24px;
color: #003366;
}
.style3 {font-size: 18px}
.style6 {font-size: 9px}
</style>

<style>

.form {font-size: 11px; font-family: Tahoma; color: #333333; background-color: #E3E3E3; border: #666666 1px double;}
.botao {font-size: 11px; font-family: Tahoma; color: #333333;}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #575757;
}
.style7 {color: #FF0000}
</style>

<!--Fireworks CS6 Dreamweaver CS6 target. Created Tue Feb 10 16:51:48 GMT-0200 2015-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<center>
<table width="990" border="0" cellpadding="0" cellspacing="0" bordercolor="#575757" bgcolor="" style="display: inline-table;">
<!-- fwtable fwsrc="Sem título" fwpage="Página 1" fwbase="teste.jpg" fwstyle="Dreamweaver" fwdocid = "1645750182" fwnested="0" -->
<tr>
<td><img src="Images/spacer.gif" width="187" height="1" alt="" /></td>
<td><img src="Images/spacer.gif" width="600" height="1" alt="" /></td>
<td><img src="Images/spacer.gif" width="203" height="1" alt="" /></td>
<td><img src="Images/spacer.gif" width="1" height="1" alt="" /></td>
</tr>

<tr>
<td colspan="3"><img name="teste_r1_c1" src="Images/teste_r1_c1.jpg" width="990" height="77" id="teste_r1_c1" alt="" /></td>
<td><img src="Images/spacer.gif" width="1" height="77" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="teste_r2_c1" src="Images/teste_r2_c1.jpg" width="187" height="668" id="teste_r2_c1" alt="" /></td>
<td>
<table width="600" height="250" border="0" bgcolor="#FFFFFF">
<tr>
<td height="350" colspan="5" valign="top"><div align="justify">
<p class="style1"> </p>
<p align="center" class="style1 style2 style3">Crie o seu login, para ter ofertas exclusivas </p>
<p align="center" class="style1"><img src="IMAGENS/logo_peq.jpg" width="150" height="61" /></p>
</div><br />

</font></font></font><font size="2" face="Verdana"><font color="#003366"><a name="formulario" id="formulario"></a>
<script language="JavaScript" type="text/javascript">

<!--

function validar(theForm)
{

// Verifica se o campo E-mail está preenchido

if (theForm.email.value == "")

{

alert("Favor preencher o campo \"e-mail\".");

theForm.email.focus();

return (false);

}

// Verifica se o campo senha está preenchido

if (theForm.senha.value == "")

{

alert("Favor preencher o campo \"Senha\".");

theForm.senha.focus();

return (false);

}

}

//-->

</script>
<script language=javascript>
function confere(){
if (document.theForm.email.value.indexOf('@', 0) == -1 || document.theForm.email.value.indexOf('.', 0) == -1){ alert("E-mail invalido!");
return false;
}
}
</script>
<font color="#003366"><a name="formulario" id="formulario"></a></font><font size="2" face="Verdana">
<style>

.form {font-size: 11px; font-family: Tahoma; color: #333333; background-color: #E3E3E3; border: #666666 1px double;}
.botao {font-size: 11px; font-family: Tahoma; color: #333333;}

</style>
</font></font></font><font color="#003366" size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input type="hidden" name="subject" value="Cadastro de usuario do Site - JCM VEICULOS" />
<input type="hidden" name="recipient" value="jcmveiculos@outlook.com" />
<input type="hidden" name="redirect" value="[url=http://www.jcmveiculos.com.br/index_logado.asp]http://www.jcmveiculos.com.br/index_logado.asp[/url]" />
</font>
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td width="30%" align="right"><div align="right"><span class="style7"><font face="Verdana" size="2">E-mail</font></span><font color="#FF0000">*</font><font face="Verdana" size="2" color="#003366">:</font></div></td>
<form action="enviar_mensagem.asp?sessao=<%=session("dados_ok")%>" name="theForm" method="post" align="center" onSubmit="return validar(theForm)">
<td width="70%" align="left"><font color="#003366" size="2" face="Verdana">
<input name="email" type="text" class="form" id="email" size="60" maxlength="60" onblur="confere()" onkeyup="this.value = this.value.toLowerCase();" />
<br />
</font><font face="Verdana"><span class="style6 style7">(Digite um e-mail válido)</span></font> </td>
</tr>
<tr>
<td width="30%" align="right"><div align="right"><font color="#003366" size="2" face="Verdana">Cadastre uma senha</font><font color="#FF0000">*</font><font color="#003366" size="2" face="Verdana">:</font></div></td>
<td width="70%" align="left"><font color="#003366" size="2" face="Verdana">
<input name="senha" type="password" class="form" id="senha" size="60" maxlength="60">
<br />
</font><font color="#003366" face="Verdana"><span class="style6">(Digite uma senha com letras e números) </span></font></td>
</tr>
<tr>
<td width="30%" height="25"><font color="#003366" size="2" face="Verdana">  </font></td>
<td width="70%" align="left"><font color="#003366" size="2" face="Verdana">
<input name="submit" type="submit" class="botao" onmouseover="window.status='Certifique-se que as informações estão corretas, e aperte o botão para envia-las';return false" onmouseout="window.status=('Tecnologia, Wanderson Rodrigues!')" value="Prosseguir" />
</font></td>
</tr>
</table></td>
</tr>
</table>

</td>
<td rowspan="2"><img name="teste_r2_c3" src="Images/teste_r2_c3.jpg" width="203" height="668" id="teste_r2_c3" alt="" /></td>
<td><img src="Images/spacer.gif" width="1" height="400" alt="" /></td>
</tr>
<tr>
<td><img name="teste_r3_c2" src="Images/teste_r3_c2.jpg" width="600" height="268" id="teste_r3_c2" alt="" /></td>
<td><img src="Images/spacer.gif" width="1" height="268" alt="" /></td>
</tr>
</table>
</form>
</center>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

itlpps    109

itlpps
Postado

Use a tag code quando postar códigos, para uma melhor visualização.

 

 

Se estiver usando HTML 5 pode ser feito assim:

<input name="senha" type="password" class="form" id="senha" size="60" maxlength="60" pattern="[A-Za-z0-9]">

Compartilhar este post

Link para o post
Compartilhar em outros sites

wanderson.PHW    0

wanderson.PHW
Postado

Blz, então eu usei sua dica itlpps mas agora nem o formulario funcionou, posso digitar qualquer coisa seja letra ou numero, aparece uma janelinha ao lado com a seguinte informação; "é preciso que o formato corresponda com o exigido"

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Exato, ai vc muda a Regex para aceitar o que vc quer que aceite.

Compartilhar este post

Link para o post
Compartilhar em outros sites

wanderson.PHW    0

wanderson.PHW
Postado

Da uma olhada nas minhas paginas, pq eu procurei e não achei

 

Essa é a tela do formulario

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JCM Veículos</title>

<%
session("dados_ok") = "S"
%>
<style type="text/css">
<!--




<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style2 {	font-size: 24px;
	color: #003366;
}
.style3 {font-size: 18px}
.style6 {font-size: 9px}
</style>

 <style>

.form {font-size: 11px; font-family: Tahoma; color: #333333; background-color: #E3E3E3; border: #666666 1px double;}
.botao {font-size: 11px; font-family: Tahoma; color: #333333;}

                    body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #575757;
}
.style7 {color: #FF0000}
 </style>

<!--Fireworks CS6 Dreamweaver CS6 target.  Created Tue Feb 10 16:51:48 GMT-0200 2015-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<center>
<table width="990" border="0" cellpadding="0" cellspacing="0" bordercolor="#575757" bgcolor="" style="display: inline-table;">
<!-- fwtable fwsrc="Sem título" fwpage="Página 1" fwbase="teste.jpg" fwstyle="Dreamweaver" fwdocid = "1645750182" fwnested="0" -->
  <tr>
   <td><img src="Images/spacer.gif" width="187" height="1" alt="" /></td>
   <td><img src="Images/spacer.gif" width="600" height="1" alt="" /></td>
   <td><img src="Images/spacer.gif" width="203" height="1" alt="" /></td>
   <td><img src="Images/spacer.gif" width="1" height="1" alt="" /></td>
  </tr>

  <tr>
   <td colspan="3"><img name="teste_r1_c1" src="Images/teste_r1_c1.jpg" width="990" height="77" id="teste_r1_c1" alt="" /></td>
   <td><img src="Images/spacer.gif" width="1" height="77" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="teste_r2_c1" src="Images/teste_r2_c1.jpg" width="187" height="668" id="teste_r2_c1" alt="" /></td>
   <td>
   <table width="600" height="250" border="0" bgcolor="#FFFFFF">
  <tr>
    <td height="350" colspan="5" valign="top"><div align="justify">
      <p class="style1"> </p>
      <p align="center" class="style1 style2 style3">Crie o seu login, para ter ofertas exclusivas </p>
      <p align="center" class="style1"><img src="IMAGENS/logo_peq.jpg" width="150" height="61" /></p>
    </div><br />
	
	</font></font></font><font size="2" face="Verdana"><font color="#003366"><a name="formulario" id="formulario"></a>
    <script language="JavaScript" type="text/javascript">

<!--

function validar(theForm)
{

  // Verifica se o campo E-mail está preenchido

  if (theForm.email.value == "")

  {

    alert("Favor preencher o campo \"e-mail\".");

    theForm.email.focus();

    return (false);

  }

// Verifica se o campo Comentário está preenchido

  if (theForm.senha.value == "")

  {

    alert("Favor preencher o campo \"Senha\".");

    theForm.senha.focus();

   	return (false);

  }

}		

//-->

                    </script>
<script language=javascript> 
function confere(){
if (document.theForm.email.value.indexOf('@', 0) == -1 || document.theForm.email.value.indexOf('.', 0) == -1){ alert("E-mail invalido!");
	return false;
	}
}  
</script> 
    <font color="#003366"><a name="formulario" id="formulario"></a></font><font size="2" face="Verdana">
    <style>

.form {font-size: 11px; font-family: Tahoma; color: #333333; background-color: #E3E3E3; border: #666666 1px double;}
.botao {font-size: 11px; font-family: Tahoma; color: #333333;}

                    </style>
    </font></font></font><font color="#003366" size="2" face="Verdana, Arial, Helvetica, sans-serif">
    <input type="hidden" name="subject" value="Cadastro de usuario do Site - JCM VEICULOS" />
    <input type="hidden" name="recipient" value="jcmveiculos@outlook.com" />
    <input type="hidden" name="redirect" value="http://www.jcmveiculos.com.br/index_logado.asp" />
    </font>
	<table width="100%" border="0" cellspacing="4" cellpadding="0">
      <tr>
        <td width="30%" align="right"><div align="right"><span class="style7"><font face="Verdana" size="2">E-mail</font></span><font color="#FF0000">*</font><font face="Verdana" size="2" color="#003366">:</font></div></td>
		<form action="enviar_mensagem.asp?sessao=<%=session("dados_ok")%>" name="theForm" method="post" align="center" onSubmit="return validar(theForm)">
		        <td width="70%" align="left"><font color="#003366" size="2" face="Verdana">
          <input name="email" type="text" class="form" id="email" size="60" maxlength="60" onblur="confere()" onkeyup="this.value = this.value.toLowerCase();" />
          <br />
        </font><font face="Verdana"><span class="style6 style7">(Digite um e-mail válido)</span></font> </td>
      </tr>
      <tr>
        <td width="30%" align="right"><div align="right"><font color="#003366" size="2" face="Verdana">Cadastre uma senha</font><font color="#FF0000">*</font><font color="#003366" size="2" face="Verdana">:</font></div></td>
        <td width="70%" align="left"><font color="#003366" size="2" face="Verdana">
          <input name="senha" type="password" class="form" id="senha" size="60" maxlength="60">
          <br />
        </font><font color="#003366" face="Verdana"><span class="style6">(Digite uma senha com letras e números) </span></font></td>
      </tr>
      <tr>
        <td width="30%" height="25"><font color="#003366" size="2" face="Verdana">  </font></td>
        <td width="70%" align="left"><font color="#003366" size="2" face="Verdana">
          <input name="submit" type="submit" class="botao" onmouseover="window.status='Certifique-se que as informações estão corretas, e aperte o botão para envia-las';return false" onmouseout="window.status=('Tecnologia, GR Eletronic's!')" value="Prosseguir" />
        </font></td>
      </tr>
    </table></td>
    </tr>
</table>

   </td>
   <td rowspan="2"><img name="teste_r2_c3" src="Images/teste_r2_c3.jpg" width="203" height="668" id="teste_r2_c3" alt="" /></td>
   <td><img src="Images/spacer.gif" width="1" height="400" alt="" /></td>
  </tr>
  <tr>
   <td><img name="teste_r3_c2" src="Images/teste_r3_c2.jpg" width="600" height="268" id="teste_r3_c2" alt="" /></td>
   <td><img src="Images/spacer.gif" width="1" height="268" alt="" /></td>
  </tr>
</table>
</form>
</center>
</body>
</html>

e essa é dos dados do formulario

<%

session("dados_ok") = request.QueryString("sessao")

sch = "http://schemas.microsoft.com/cdo/configuration/"
Set cdoConfig = Server.CreateObject("CDO.Configuration")


'Variaveis
Dim meuservidorsmtp
Dim minhacontaautenticada
Dim minhasenhaparaenvio
Dim emailorigem
Dim emaildestino
Dim email

'Abaixo seguem algumas definicoes de variaveis para o envio de seu formulario. Por favor preencha os campos abaixo.

meuservidorsmtp = "smtp.jcmveiculos.com.br" ' Informacoes so seu servidor SMTP
minhacontaautenticada = "contato@jcmveiculos.com.br" ' conta de e-mail utilizada para enviar
minhasenhaparaenvio = "senha" ' senha da conta de e-mail
emailorigem = "contato@jcmveiculos.com.br" ' e-mail que indica de onde partiu a mensagem
'emailorigem = request.Form("email") ' e-mail que indica de onde partiu a mensagem
emaildestino = "contato@jcmveiculos.com.br" ' e-mail que vai receber as mensagens do formulario

'Fim da definição manual de parâmetros.

cdoConfig.Fields.Item(sch & "sendusing") = 2
cdoConfig.Fields.Item(sch & "smtpauthenticate") = 1
cdoConfig.Fields.Item(sch & "smtpserver") = meuservidorsmtp
cdoConfig.Fields.Item(sch & "smtpserverport") = 587
cdoConfig.Fields.Item(sch & "smtpconnectiontimeout") = 30
cdoConfig.Fields.Item(sch & "sendusername") = minhacontaautenticada
cdoConfig.Fields.Item(sch & "sendpassword") = minhasenhaparaenvio
cdoConfig.fields.update
Set cdoMessage = Server.CreateObject("CDO.Message")
Set cdoMessage.Configuration = cdoConfig

cdoMessage.BodyPart.Charset = "iso-8859-1"
cdoMessage.From = emailorigem
cdoMessage.To = emaildestino
cdoMessage.Subject = "Cadastro no Site - JCM VEICULOS"
cdoMessage.ReplyTo = Request("email")

strBody = "Dados do Formulario <br> <br>" & _
"E-Mail :"& Request("email")& "<br><br>" & _
"Senha: "& Request("senha")

strBody = strBody & "."
cdoMessage.HTMLBody = strBody

cdoMessage.Send

Set cdoMessage = Nothing
Set cdoConfig = Nothing

response.Redirect("index_logado.asp")
%>

Se alguém puder me ajudar nesse caso eu agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Procurou o que ?

 

Vc entendeu o atributo pattern ? sabe o que é Regex ?

Nós já ajudamos, agora vc precisa tentar fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

itlpps    109

itlpps
Postado

beleza, então eu usei sua dica itlpps mas agora nem o formulario funcionou, posso digitar qualquer coisa seja letra ou numero, aparece uma janelinha ao lado com a seguinte informação; "é preciso que o formato corresponda com o exigido"

 

ah entendi.

 

Então altere para:

pattern="^[a-zA-z0-9]"

Pesquise sobre Regex (expressão regular), é bem útil.

Compartilhar este post

Link para o post
Compartilhar em outros sites

wanderson.PHW    0

wanderson.PHW
Postado

iltpps modifiquei como vc disse e não funcionou, estava pesquisando aqui alguns topicos e encontrei esse script que funcionou corretamente

<script type="text/javascript">

  var backup = new Array

  function check_alpha(val,name) {
	var goodChars = "0123456789abcdefghijklmnopqrstuxywvz"
 	var errors = 0
	var isOk = 1
	for(var i=0;i<val.length;i++) {
		isOk = 1
		for(var j=0;j<goodChars.length;j++) {
			if(goodChars.charAt(j) == val.charAt(i)) {
          			isOk = 0
       			}	
      		}
      		if(isOk == 1) {
			errors++
			break;
      		}
    	}
	if(errors > 0) {
		if(backup[name]) {
			document.getElementById(name).value = backup[name]
		}
		else {
			document.getElementById(name).value = ""
		}
	}
	else {
		backup[name] = val
	}
  }

</script>

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