salve ho un problema, vorrei fare un controllo su un campo di testo con javascript, ossia vorrei che quando l'utente inserisce il proprio nome e cognome nn inserisse caratteri numerici insieme a quelli letterali o segni di puntaggiatura, ma nn so come procedere, qualcuno mi puo dare un consiglio su come procedere?
grazie per la vostra eventuale collaborazione!.
Ciao,
per il controllo che ti serve ti propongo questa soluzione:
var re_not_all = /^([a-zA-Z '])+$/;
if (!re_not_all.test(document.forms[i].nome.value)) {
alert("Il nome e' errato!");
return false;
}Ho utilizzato una regular expression (altre info: qui) che controlla che il testo inserito contenga solo lettere (maiuscole o minuscole) ed eventualmente spazi(es: "De Rossi") o apici (es: "D'Antonio").
:bye:
Zeta
ho provato ma nn va, prima di mettere il tuo codice c'è quest'atro codice creato da me per vedere se l'utente nn ha scritto niente eccolo:
if (document.frmModulo.txtnome.value==""){
alert("Inserire la ragione sociale o il nome e cognome");
document.frmModulo.txtnome.focus();
return false;
}e poi ho inserito il tuo ovviamente cambiando il .nome in txtnome
ma nn va e non riesco a capire il perchè, dove sbaglio?
p.s. a cosa si riferisce.test?
Ciao,
ho provato ma nn va
Potrei sapere qual'è l'errore preciso??
Dato che non lo so, per il momento posso dirti di provare a sostituire il tuo codice con questo:
var re_not_all = /^([a-zA-Z '])+$/;
if (!re_not_all.test(document.frmModulo.txtnome.value)) {
alert("Inserire la ragione sociale o il nome e cognome");
document.frmModulo.txtnome.focus();
return false;
}La tua soluzione non contempla il caso in cui un utente inserisca spazi vuoti!
:bye:
Zeta
dice che l'errore è a questa riga:
if(document.forms[0].Enable[0].checked), nella finestra dice che o è nullo, o non è un oggetto però tale errore c'era anche prima del nuovo codice da te postato con quest'ultimo codice non compare nemmenp la finestra di alert , è come se ci fosse solo la prima parte di codice e non ci fosse la tua, perchè?
scusami, ho provato a rimettere il tuo codice lasciando però questa piccola parte di script:
function ConvalidaForm() e adesso è ritornato a posto, ma continua a rimanere il fatto che la tua parte di codice non riesce a riconoscerla, poichè quando inserisco qualcosa nel campo del nome e premo il testo invia
mi esce la finestra dell'alert del campo successivo riservato all' età.
Perchè succede questo?
p.s. ho notato che non riesce a riconoscere, la regular expression perchè poi quando rimetto il mio codice, funziona.
p.s.vuoi che comunque ti invii il codice del mio form, oppure puoi riuscire a risolverlo senza?
Ciao,
ti riporto una semplice pagina con il codice di controllo del nome, per dimostrarti che la Regular Expression funziona...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr">
<head>
<title></title>
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<script type="text/javascript">
function ControllaForm() {
var re_not_all = /^([a-zA-Z '])+$/;
if (!re_not_all.test(document.forms[0].nome.value)) {
alert("Il nome inserito non e' valido!");
document.forms[0].nome.focus();
return false;
}
}
</script>
</head>
<body>
<form onsubmit="return ControllaForm();" method="post">
<input type="text" name="nome" value="" />
<input type="submit" value="invia" />
</form>
</body>
</html>Spero ti sia di aiuto! O0
:bye:
Zeta
ci credo che a te funziona, ma ame se lo script lo metto nel fom creato da me non va perchè?
in compenso ho trovato quest'altro script:
function lettersOnly(evt) {
evt = (evt) ? evt : event;
var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 65 || charCode > 90) &&
(charCode < 97 || charCode > 122)) {
alert("Puoi inserire solo lettere!");
return false;
}
return true;
}che unito insieme a
quest'altro:
if (document.frmModulo.txtnome.value==""){
alert("Inserire la ragione sociale o il nome e cognome");
document.frmModulo.txtnome.focus();
return false;
}funziona ma funziona in maniera anomala,adesso qualunque cosa metto che sia una lettera o un numero nn me la fa mai inserire, altra cosa strana è che compare sempre il secondo alert:" inserire la ragione sociale ecc." perchè?
Ciao,
se non funziona è molto probabile che tu commetta degli errori nella sequenzialità dell'ordine dei controlli javascript che inserisci. L'unica cosa che posso chiederti è di pubblicare lo script e il form così posso controllare cosa non va. Scegli tu se qui in pubblica o come messaggio privato.
:bye:
Zeta
eccolo, te lo metto senza il tuo script ne il mio ultmo script, prova tu e vedi se riesci a capire il problema:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prenotazioni</title>
<script type="text/javascript">
function IsEmailValid(){
var EmailOk = true
var Temp = document.frmModulo.txtEmail.value;
var AtSym = Temp.indexOf('@')
var Period = Temp.lastIndexOf('.')
var Space = Temp.indexOf(' ')
var Length = Temp.length - 1
// Array is from 0 to length-1
if (Temp == "") {
return true; }
if ((AtSym < 1) || (Period <= AtSym+1) || (Period == Length ) || (Space != -1))
{
alert("Inserire un indirizzo E-mail valido.");
document.frmModulo.txtEmail.focus();
EmailOk = false
} return EmailOk
}
function Convalida(){
//Controlla la valorizzazione del campo obbligatorio txtRagioneSociale
if (document.frmModulo.txtRagioneSociale.value==""){
alert("Inserire la ragione sociale o il nome e cognome");
document.frmModulo.txtRagioneSociale.focus();
return false;
}
//Controlla la valorizzazione del campo obbligatorio txtIndirizzo
if (document.frmModulo.txtAnni.value==""){
alert("Inserire l'età");
document.frmModulo.txtAnni.focus();
return false;
}
// Controlla che il campo Anni sia composto da soli caratteri numerici
var checkOK = "0123456789";
var checkStr = document.frmModulo.txtAnni.value;
var allValid = true;
for (i = 0; i < checkStr.length; i++){
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
}
if (!allValid)
{
alert("Inserire solo caratteri numerici nel campo anni.");
document.frmModulo.txtAnni.focus();
return (false);
}
//Controlla che il Anni non abbia una lunghezza maggiore di 3 caratteri
if (document.frmModulo.txtAnni.value.length > 3){
alert("Inserire al massimo 3 caratteri nel campo Anni.");
document.frmModulo.txtAnni.focus();
return (false);
}
if (frmModulo.Sesso[0].checked == false && frmModulo.Sesso[1].checked == false)
{
alert("clicca M o F");
return false;
}
if (frmModulo.Enable[0].checked == false && frmModulo.Enable[1].checked == false)
{
alert("clicca uno dei 2 radiobutton");
return false;
}
//Controlla la valorizzazione del campo obbligatorio txtEmail
if (document.frmModulo.txtEmail.value==""){
alert("Inserire l'e-mail");
document.frmModulo.txtEmail.focus();
return false;
}
//Richiama la funzione IsEmailValid() che controlla il formato dell'e-mail
if (IsEmailValid()==false){
return false;
}
return true;
}
var valore_radio = "";
{
if(document.forms[0].Enable[0].checked)
valore_radio = document.forms[0].Enable[0].value;
}
if (document.frmModulo.txtVel.value==""){
alert("Inserire il nome e cognome");
document.frmModulo.txtVel.focus();
}
function setReadOnly(obj)
{
if(obj.value == "yes")
{
alert("puoi inserire il nome e cognome accopagnatore");
document.forms[0].txtVel.style.backgroundColor = "#ffffff";
document.forms[0].txtVel.readOnly = 0;
} else {
document.forms[0].txtVel.style.backgroundColor = "#eeeeee";
document.forms[0].txtVel.readOnly = 1;
alert("Non puoi inserire il nome e cognome accopagnatore");
}
}
</script>
</head>
<body bgcolor="#FFFF00">
<h1 align="center"><font color="#0000FF">Prenotazioni</font></h1>
<form action="sd.php" method="POST" name="frmModulo" id="frmModulo" onSubmit="return Convalida()">
<table width="513" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff9900">
<tr>
<td><strong><font color="#0000FF">Nome e cognome*: </font></strong></td>
<td><strong>
<input name="txtRagioneSociale" type="text" id="txtRagioneSociale" size="34">
</strong></td>
</tr>
<tr>
<td><font color="#0000FF"><strong>Anni</strong>*:</font></td>
<td><input name="txtAnni" type="text" id="txtAnni" size="4"></td>
</tr>
<tr>
<td><font color="#0000FF">Sesso:</font></td>
<td> <input type="radio" name="Sesso" value="M">
M
<input type=radio name="Sesso" value="F">
F </td>
</tr>
<tr>
<td align="right"><div align="left"><font color="#0000FF"><strong>Accomapagnatore</strong></font></div></td>
<td> <br />
<input type="radio" name="Enable" value="yes" onclick="setReadOnly(this)">
SI
<input type=radio name="Enable" value="no" onclick="setReadOnly(this)">
NO <br />
<tr>
<td height="31"><b><font color="#0000FF">Nome e cognome:</font></b></td>
<td><input type=text name=txtVel size="34"> </td>
</tr>
<tr>
<td height="25"><font color="#0000FF"><strong>Email*:</strong></font></td>
<td><input name="txtEmail" type="text" id="txtEmail" size="34" /></td>
</tr>
<tr>
<td><font color="#0000FF"><strong>Oggetto*:</strong></font></td>
<td><input name="Oggetto" type="text" id="Oggetto" size="34"></td>
</tr>
<tr>
<td valign="top"><font color="#0000FF">Messaggio:</font></td>
<td><textarea name="txtInfo" cols="30" rows="6" id="txtInfo"></textarea></td>
</tr>
<tr>
<td colspan="2"><font color="#0000FF">* <strong>Dati obbligatori</strong></font>
</td>
</tr>
<tr align="right">
<td height="26" colspan="2"> <input name="InviaModulo" type="submit" id="InviaModulo" value="Invia">
<input name="Reimposta" type="reset" id="Reimposta" value="Reimposta"></td>
</tr>
</table>
</form>
</html>Ciao,
ecco qui il codice corretto...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prenotazioni</title>
<script type="text/javascript">
function IsEmailValid(){
var EmailOk = true
var Temp = document.forms[0].txtEmail.value;
var AtSym = Temp.indexOf('@')
var Period = Temp.lastIndexOf('.')
var Space = Temp.indexOf(' ')
var Length = Temp.length - 1
// Array is from 0 to length-1
if (Temp == "") {
return true; }
if ((AtSym < 1) || (Period <= AtSym+1) || (Period == Length ) || (Space != -1))
{
alert("Inserire un indirizzo E-mail valido.");
document.forms[0].txtEmail.focus();
EmailOk = false
} return EmailOk
}
function Convalida(){
//Controlla la valorizzazione del campo obbligatorio txtRagioneSociale
if (document.forms[0].txtRagioneSociale.value==""){
alert("Inserire la ragione sociale o il nome e cognome");
document.forms[0].txtRagioneSociale.focus();
return false;
}
//Controlla la valorizzazione del campo obbligatorio txtIndirizzo
if (document.frmModulo.txtAnni.value==""){
alert("Inserire l'età");
document.forms[0].txtAnni.focus();
return false;
}
// Controlla che il campo Anni sia composto da soli caratteri numerici
var checkOK = "0123456789";
var checkStr = document.forms[0].txtAnni.value;
var allValid = true;
for (i = 0; i < checkStr.length; i++){
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length) {
allValid = false;
break;
}
}
if (!allValid)
{
alert("Inserire solo caratteri numerici nel campo anni.");
document.forms[0].txtAnni.focus();
return (false);
}
//Controlla che il Anni non abbia una lunghezza maggiore di 3 caratteri
/* omesso perché aggiunto un controllo in pagina con maxlenght
if (document.forms[0].txtAnni.value.length > 3) {
alert("Inserire al massimo 3 caratteri nel campo Anni.");
document.forms[0].txtAnni.focus();
return (false);
}
*/
if (document.forms[0].Sesso[0].checked == false && document.forms[0].Sesso[1].checked == false)
{
alert("clicca M o F");
return false;
}
if (document.forms[0].accompagnatore[0].checked == false && document.forms[0].accompagnatore[1].checked == false)
{
alert("clicca uno dei 2 radiobutton");
return false;
}
//Controlla la valorizzazione del campo obbligatorio txtEmail
if (document.forms[0].txtEmail.value==""){
alert("Inserire l'e-mail");
document.forms[0].txtEmail.focus();
return false;
}
//Richiama la funzione IsEmailValid() che controlla il formato dell'e-mail
if (IsEmailValid()==false){
return false;
}
var valore_radio = "";
if(document.forms[0].accompagnatore[0].checked) {
valore_radio = document.forms[0].accompagnatore[0].value;
}
if (document.forms[0].txtRagioneSociale.value==""){
alert("Inserire il nome e cognome");
document.forms[0].txtRagioneSociale.focus();
}
if (document.frmModulo.Oggetto.value=="")
{
alert("Inserire l'Oggetto");
document.forms[0].Oggetto.focus();
return false;
}
}
function setReadOnly(obj)
{
if(obj.value == "yes") {
alert("puoi inserire il nome e cognome accopagnatore");
document.forms[0].txtVel.style.backgroundColor = "#ffffff";
document.forms[0].txtVel.readOnly = 0;
} else {
document.forms[0].txtVel.style.backgroundColor = "#eeeeee";
document.forms[0].txtVel.readOnly = 1;
alert("Non puoi inserire il nome e cognome accopagnatore");
}
}
</script>
</head>
<body bgcolor="#FFFF00">
<h1 align="center"><font color="#0000FF">Prenotazioni</font></h1>
<form action="sd.php" method="POST" name="frmModulo" id="frmModulo" onSubmit="return Convalida()">
<table width="513" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff9900">
<tr>
<td><strong><font color="#0000FF">Nome e cognome*: </font></strong></td>
<td><strong>
<input name="txtRagioneSociale" type="text" id="txtRagioneSociale" size="34">
</strong></td>
</tr>
<tr>
<td><font color="#0000FF"><strong>Anni</strong>*:</font></td>
<td><input name="txtAnni" type="text" id="txtAnni" size="4" maxlength="3"></td>
</tr>
<tr>
<td><font color="#0000FF">Sesso:</font></td>
<td> <input type="radio" name="Sesso" value="M">
M
<input type=radio name="Sesso" value="F">
F </td>
</tr>
<tr>
<td align="right"><div align="left"><font color="#0000FF"><strong>Accomapagnatore</strong></font></div></td>
<td> <br />
<input type="radio" name="accompagnatore" value="yes" onclick="setReadOnly(this)">
SI
<input type=radio name="accompagnatore" value="no" onclick="setReadOnly(this)">
NO <br />
<tr>
<td height="31"><b><font color="#0000FF">Nome e cognome:</font></b></td>
<td><input type=text name=txtVel size="34"> </td>
</tr>
<tr>
<td height="25"><font color="#0000FF"><strong>Email*:</strong></font></td>
<td><input name="txtEmail" type="text" id="txtEmail" size="34" /></td>
</tr>
<tr>
<td><font color="#0000FF"><strong>Oggetto*:</strong></font></td>
<td><input name="Oggetto" type="text" id="Oggetto" size="34"></td>
</tr>
<tr>
<td valign="top"><font color="#0000FF">Messaggio:</font></td>
<td><textarea name="txtInfo" cols="30" rows="6" id="txtInfo"></textarea></td>
</tr>
<tr>
<td colspan="2"><font color="#0000FF">* <strong>Dati obbligatori</strong></font>
</td>
</tr>
<tr align="right">
<td height="26" colspan="2"> <input name="InviaModulo" type="submit" id="InviaModulo" value="Invia">
<input name="Reimposta" type="reset" id="Reimposta" value="Reimposta"></td>
</tr>
</table>
</form>
</html>ho fatto un paio di modifiche e come al solito l'errore era nelle parentesi graffe e anche in un return in più che permetteva sempre il submit del form. Rimango a disposizione per eventuali domande!!!
:bye:
Zeta
:)grazie, sei riuscita a validare correttamente il mio form, aggiungendo un controllo in più, ma il problema originario rimane io perche io volevo che nel campo riservato al nome e cognome potessero essere inserite solo lettere e non anche numeri come posso fare a risolvere il problema? :o
Ciao,
vuoi tutto servito in un piatto d'argento... e poi me la dovrei prendere un po' perché mi hai dato della femminuccia!
grazie, sei riuscita a validare correttamente il mio form,...
Non si capisce dall'avatar che sono un maschietto??? Comunque sono comprensivo e ti riporto nuovamente il codice con il controllo nel campo ragione sociale:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prenotazioni</title>
<script type="text/javascript">
function IsEmailValid(){
var EmailOk = true
var Temp = document.forms[0].txtEmail.value;
var AtSym = Temp.indexOf('@')
var Period = Temp.lastIndexOf('.')
var Space = Temp.indexOf(' ')
var Length = Temp.length - 1
// Array is from 0 to length-1
if (Temp == "") {
return true; }
if ((AtSym < 1) || (Period <= AtSym+1) || (Period == Length ) || (Space != -1))
{
alert("Inserire un indirizzo E-mail valido.");
document.forms[0].txtEmail.focus();
EmailOk = false
} return EmailOk
}
function Convalida(){
var re_not_all = /^([a-zA-Z '])+$/;
//Controlla la valorizzazione del campo obbligatorio txtRagioneSociale
if (document.forms[0].txtRagioneSociale.value==""){
alert("Inserire la ragione sociale o il nome e cognome");
document.forms[0].txtRagioneSociale.focus();
return false;
}
if (!re_not_all.test(document.forms[0].txtRagioneSociale.value)) {
alert("La ragione sociale o nome non e' corretta!");
document.forms[0].txtRagioneSociale.focus();
return false;
}
//Controlla la valorizzazione del campo obbligatorio txtIndirizzo
if (document.frmModulo.txtAnni.value==""){
alert("Inserire l'età");
document.forms[0].txtAnni.focus();
return false;
}
// Controlla che il campo Anni sia composto da soli caratteri numerici
var checkOK = "0123456789";
var checkStr = document.forms[0].txtAnni.value;
var allValid = true;
for (i = 0; i < checkStr.length; i++){
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length) {
allValid = false;
break;
}
}
if (!allValid)
{
alert("Inserire solo caratteri numerici nel campo anni.");
document.forms[0].txtAnni.focus();
return (false);
}
//Controlla che il Anni non abbia una lunghezza maggiore di 3 caratteri
/* omesso perché aggiunto un controllo in pagina con maxlenght
if (document.forms[0].txtAnni.value.length > 3) {
alert("Inserire al massimo 3 caratteri nel campo Anni.");
document.forms[0].txtAnni.focus();
return (false);
}
*/
if (document.forms[0].Sesso[0].checked == false && document.forms[0].Sesso[1].checked == false)
{
alert("clicca M o F");
return false;
}
if (document.forms[0].accompagnatore[0].checked == false && document.forms[0].accompagnatore[1].checked == false)
{
alert("clicca uno dei 2 radiobutton");
return false;
}
//Controlla la valorizzazione del campo obbligatorio txtEmail
if (document.forms[0].txtEmail.value==""){
alert("Inserire l'e-mail");
document.forms[0].txtEmail.focus();
return false;
}
//Richiama la funzione IsEmailValid() che controlla il formato dell'e-mail
if (IsEmailValid()==false){
return false;
}
var valore_radio = "";
if(document.forms[0].accompagnatore[0].checked) {
valore_radio = document.forms[0].accompagnatore[0].value;
}
if (document.forms[0].txtRagioneSociale.value==""){
alert("Inserire il nome e cognome");
document.forms[0].txtRagioneSociale.focus();
}
if (document.frmModulo.Oggetto.value=="")
{
alert("Inserire l'Oggetto");
document.forms[0].Oggetto.focus();
return false;
}
}
function setReadOnly(obj)
{
if(obj.value == "yes") {
alert("puoi inserire il nome e cognome accopagnatore");
document.forms[0].txtVel.style.backgroundColor = "#ffffff";
document.forms[0].txtVel.readOnly = 0;
} else {
document.forms[0].txtVel.style.backgroundColor = "#eeeeee";
document.forms[0].txtVel.readOnly = 1;
alert("Non puoi inserire il nome e cognome accopagnatore");
}
}
</script>
</head>
<body bgcolor="#FFFF00">
<h1 align="center"><font color="#0000FF">Prenotazioni</font></h1>
<form action="sd.php" method="POST" name="frmModulo" id="frmModulo" onSubmit="return Convalida()">
<table width="513" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff9900">
<tr>
<td><strong><font color="#0000FF">Nome e cognome*: </font></strong></td>
<td><strong>
<input name="txtRagioneSociale" type="text" id="txtRagioneSociale" size="34">
</strong></td>
</tr>
<tr>
<td><font color="#0000FF"><strong>Anni</strong>*:</font></td>
<td><input name="txtAnni" type="text" id="txtAnni" size="4" maxlength="3"></td>
</tr>
<tr>
<td><font color="#0000FF">Sesso:</font></td>
<td> <input type="radio" name="Sesso" value="M">
M
<input type=radio name="Sesso" value="F">
F </td>
</tr>
<tr>
<td align="right"><div align="left"><font color="#0000FF"><strong>Accomapagnatore</strong></font></div></td>
<td> <br />
<input type="radio" name="accompagnatore" value="yes" onclick="setReadOnly(this)">
SI
<input type=radio name="accompagnatore" value="no" onclick="setReadOnly(this)">
NO <br />
<tr>
<td height="31"><b><font color="#0000FF">Nome e cognome:</font></b></td>
<td><input type=text name=txtVel size="34"> </td>
</tr>
<tr>
<td height="25"><font color="#0000FF"><strong>Email*:</strong></font></td>
<td><input name="txtEmail" type="text" id="txtEmail" size="34" /></td>
</tr>
<tr>
<td><font color="#0000FF"><strong>Oggetto*:</strong></font></td>
<td><input name="Oggetto" type="text" id="Oggetto" size="34"></td>
</tr>
<tr>
<td valign="top"><font color="#0000FF">Messaggio:</font></td>
<td><textarea name="txtInfo" cols="30" rows="6" id="txtInfo"></textarea></td>
</tr>
<tr>
<td colspan="2"><font color="#0000FF">* <strong>Dati obbligatori</strong></font>
</td>
</tr>
<tr align="right">
<td height="26" colspan="2"> <input name="InviaModulo" type="submit" id="InviaModulo" value="Invia">
<input name="Reimposta" type="reset" id="Reimposta" value="Reimposta"></td>
</tr>
</table>
</form>
</html>:bye:
Zeta