Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Controllo campi

  1. #1

    Controllo campi

    Ciao...
    Avrei bisogno di uno javascript che nel qualcaso uno dei due campi necessari non fosse compilato mostrasse l'alert.

    In pratica in un form php ho messo come recapito per essere ricontattati l'email o il telefono, ma succede che c'è chi omette di ineserire tutti e due i dati

    Si apre una pagina che indica l'errore ma sembra che nessuno la legga visto che non riprovano a compilare il form.

    Quindi mi servirebbe uno javascript che nel qualcaso nessuno dei due campi necessari fosse compilato mostri il classico alert.

  2. #2
    Up

  3. #3
    Utente di HTML.it L'avatar di jet
    Registrato dal
    Dec 2002
    residenza
    Chieti
    Messaggi
    866
    [QUOTE]
    <form NAME="form" ACTION="contatto.asp" METHOD="POST" onSubmit="return checkForm(this);">

    <script type="text/javascript">
    <!--
    function checkForm (form){

    if (form.nome.value == "") {
    alert("Inserire il nome.")
    form.nome.focus();
    return false}

    if (form.cognome.value == "") {
    alert("Inserire il cognome.")
    form.cognome.focus();
    return false}

    if (form.indirizzo.value == "") {
    alert("Inserire l'indirizzo.")
    form.indirizzo.focus();
    return false}

    if (form.comune.value == "") {
    alert("Inserire il comune di residenza.")
    form.comune.focus();
    return false}

    if (form.email.value == "") {
    alert("Inserire l'indirizzo email completo.")
    form.email.focus();
    return false}

    var EmailAddr = form.email.value;
    var Filtro = new RegExp("^[a-zA-Z0-9_.-]{1,}@[a-zA-Z0-9\-]{2,}[.][a-zA-Z0-9]{2,}$");
    if (!Filtro.test(EmailAddr)) {
    alert("Controlla l'indirizzo di e-mail inserito");
    form.email.focus();
    return false;
    }

    }
    //-->
    </script>
    [QUOTE]

    ecco

  4. #4
    Ciao, questo script per me non va bene in quanto effettua il controllo generico se un campo è vuoto o meno.
    A me servirebbe che mostrasse l'alert nel qualcaso tutti e due i campi fossero vuoti in modo da avere almeno un recapito ....

    Es:Non viene compilato il campo email e telefono "Alert il campo telefono o email deve essere compilato"

    Se invece il campo l'email o telefono viene compilato inviare il form

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da SangueMisto
    Ciao, questo script per me non va bene in quanto effettua il controllo generico se un campo è vuoto o meno.
    A me servirebbe che mostrasse l'alert nel qualcaso tutti e due i campi fossero vuoti in modo da avere almeno un recapito ....

    Es:Non viene compilato il campo email e telefono "Alert il campo telefono o email deve essere compilato"

    Se invece il campo l'email o telefono viene compilato inviare il form
    cosi:
    codice:
     <script type="text/javascript">
    <!--
    function checkForm (f){
    if ((f.email.value == "") ||(f.telefono.value == "")) {
    alert("Inserire l\'indirizzo email completo o un recapito telefonico")
    f.email.focus();
    return false}
    var TelefonoAddr = f.telefono.value;
    var EmailAddr = f.email.value;
    var Filtro = new RegExp("^[a-zA-Z0-9_.-]{1,}@[a-zA-Z0-9\-]{2,}[.][a-zA-Z0-9]{2,}$");
    var FiltroTel = new RegExp("^[0-9]$");
    if (!Filtro.test(EmailAddr)) {
    alert("Controlla l\'indirizzo e-mail inserito");
    f.email.focus();
    return false;
    }
    if (!FiltroTel.test(TelefonoAddr)) {
    alert("Inserire solo numeri");
    f.telefono.focus();
    return false;
    }
    }
    //-->
    </script>
    richiamato cosi:
    codice:
    <form NAME="form" ACTION="contatto.php" METHOD="POST" onSubmit="return checkForm(this);">
    Non l'ho testato ma dovrebbe andare.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    No purtroppo non mi funziona, richiede la compilazione di tutti e due i campi.

    2)Nel campo telefono se lascio il var filtro mi permette l'inserimento di un solo numero.

    Ho messo una versione online:
    Test


  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da SangueMisto
    No purtroppo non mi funziona, richiede la compilazione di tutti e due i campi.

    2)Nel campo telefono se lascio il var filtro mi permette l'inserimento di un solo numero.

    Ho messo una versione online:
    Test

    Questo verificato e funzina tutto:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <script language="javascript">
    function VerifcaForm(){
    //regular exp  email numeri
    	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    	var num  = /^([0-9])+$/;
    //valorizzo le variabili
    	var Mail = document.getElementById("email");
    	var Tel = document.getElementById("telefono");
    //Verifico se almeno un dei 2 campi e compilato 
    	if((Mail.value == "") && (Tel.value == "")){
    	alert("Attenzione\n\nInserire un indirizzo di posta valido o un recapito telefonico");
    	Mail.focus();
    	return false;
    //Verifico la validita dell'indirizzo email
    	}else if((Mail.value != "") && (!Mail.value.match(filter))){
    	alert("Attenzione\n\nLa mail "+Mail.value+" risulta formalmente errata!!");
    	Mail.focus();
    	return false;
    //Verifico il recapito telefonico
    	}else if((Tel.value != "") && (!Tel.value.match(num))){
    	alert("Attenzione\n\nInserire solo numeri senza punti o trattini o barre");
    	Tel.focus();
    	return false;
    	} 
    }
    </script>
    </head>
    
    <body>
    <form name="form1" id="form1" method="post" action="" onsubmit="return VerifcaForm();">
      <input name="email" type="text" id="email" />
      <input name="telefono" type="text" id="telefono" />
      <input type="submit" name="Submit" value="Submit" />
    </form>
    </body>
    </html>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    Non so veramente come ringraziarti.

    Grazie mille ancora.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.