PDA

Voir la version complète : Vérification des champs en java

apdcanari
14/02/2006, 15h54
Bonjour,

Je vous propose un code qui serait interessant à intégrer à vbulletin. Par exemple lors de l'inscription, il vérifié si tous les champs sont remplis, sinon il les affiche sur fond jaune.

On pourrait faire de même avec le titre des discussions ou autres...

Il vérifie si l'adresse email ainsi que le numéro de telephone sont corrects

Exemple du code source :

http://www.ornitho-logic.com/test/verification_formulaire.htm

Code source à adapter à Vbulltin

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Formulaire</title>
</head>

<body>
<SCRIPT language="JavaScript">
/********
* Validate the form
********/
function validate() {
var errorMessage = "Veuillez completer les informations requises:\n\n";
var errorFound = 0;
var f = document.theform;

if (f.nom.value.length == 0) {errorMessage += "Entrer votre Nom\n"; errorFound = 1; f.nom.style.backgroundColor='#eeee00';
} else { f.nom.style.backgroundColor=''; }
if (f.prenom.value.length == 0) {errorMessage += "Entrer votre Prenom\n"; errorFound = 1; f.prenom.style.backgroundColor='#eeee00'; } else
{ f.prenom.style.backgroundColor=''; }

if (f.adresse.value.length == 0) {errorMessage += "Entrer votre Adresse\n"; errorFound = 1; f.adresse.style.backgroundColor='#eeee00'; } else {
f.adresse.style.backgroundColor=''; }
if (f.elements['etat'].selectedIndex == 0) {errorMessage += "Entrer votre Etat/Province\n"; errorFound = 1;
f.etat.style.backgroundColor='#eeee00'; } else { f.etat.style.backgroundColor=''; }
if (f.cp.value.length == 0) {errorMessage += "Entrer votre Code Postal\n"; errorFound = 1; f.cp.style.backgroundColor='#eeee00'; } else {
f.cp.style.backgroundColor=''; }
if (f.elements['pays'].selectedIndex == 0) {errorMessage += "Entrer votre Pays\n"; errorFound = 1; f.pays.style.backgroundColor='#eeee00';
} else { f.pays.style.backgroundColor=''; }

if (!isValidPhoneNumber(f.tel.value, 10)) { errorMessage += "Entrer un Numero de Tel Valide\n"; errorFound = 1;
f.tel.style.backgroundColor='#eeee00'; } else { f.tel.style.backgroundColor=''; }
if (!isValidEmail(f.email.value)) { errorMessage += "Entrer une Adresse Email Valide\n"; errorFound = 1; f.email.style.backgroundColor='#eeee00'; }
else { f.email.style.backgroundColor=''; }

if (f.description.value.length == 0) {errorMessage += "Entrer votre Demande\n"; errorFound = 1;
f.description.style.backgroundColor='#eeee00'; } else {
f.description.style.backgroundColor=''; }

if (errorFound == 1) {
//document.location.href="#parent";
alert(errorMessage);
return false;
} else {
return true;
}
}
/********
* Validate phone number for international countries
********/
function isValidPhoneNumber(num, requiredDigits) {
var digits = 0;
if (num == null) return false;
for( i=0; i<num.length; i++ ){
var c = num.charCodeAt(i);
//convert the i-th character to ascii code value
if( (c>=48) && (c<=57) ) digits++;
}
return (digits >= requiredDigits);
}

/********
* Verify that an email addres is valid
********/
function isValidEmail(emailad) {

var exclude=/[^@\-\.\w]|^[_@\.\-]|[\._\-]{2}|[@\.]{2}|(@)[^@]*\1/;
var check=/@[\w\-]+\./;
var checkend=/\.[a-zA-Z]{2,4}$/;
if(((emailad.search(exclude) != -1) ||
(emailad.search(check)) == -1) ||
(emailad.search(checkend) == -1)){
return false;
} else {
return true;
}
}
</SCRIPT>



<form name="theform" method="POST" onSubmit="return validate();">
Nom & Prénom:&nbsp;*
<BR>
<INPUT TYPE="text" NAME="nom" SIZE="15" MAXLENGTH="40">&nbsp;&nbsp;
<INPUT TYPE="text" NAME="prenom" SIZE="20" MAXLENGTH="40">
<BR>
Adresse:&nbsp;*
<BR>
<INPUT TYPE="text" NAME="adresse" SIZE="40" MAXLENGTH="40">
<BR>
Etat/Province:&nbsp;*
<BR>
<SELECT width=20 name="etat">
<option value="" SELECTED>-- Selectionner --</option>
<option value="NON">(Non-US)</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</SELECT>
<BR>
Code Postal:&nbsp;*
<BR>
<input name="cp" size="18" maxlength="20" value="" >
<BR>
Pays:&nbsp;*
<BR>
<SELECT NAME="pays">
<option VALUE="">-- Selectionner --</option>
<option VALUE="AF">Afghanistan</option>
<option VALUE="AL">Albania</option>
<option VALUE="DZ">Algeria
<option VALUE="AS">American Samoa</option>
<option VALUE="AD">Andorra</option>
<option VALUE="AO">Angola</option>
<option VALUE="AI">Anguilla</option>
<option VALUE="AQ">Antarctica</option>
<option VALUE="AG">Antigua and Barbuda</option>
<option VALUE="AR">Argentina</option>
<option VALUE="AM">Armenia</option>
<option VALUE="AW">Aruba</option>
<option VALUE="AU">Australia</option>
<option VALUE="AT">Austria</option>
<option VALUE="AZ">Azerbaijan</option>
<option VALUE="BS">Bahamas</option>
<option VALUE="BH">Bahrain</option>
<option VALUE="BD">Bangladesh</option>
<option VALUE="BB">Barbados</option>
<option VALUE="BY">Belarus</option>
<option VALUE="BE">Belgium</option>
<option VALUE="BZ">Belize</option>
<option VALUE="BJ">Benin</option>
<option VALUE="BM">Bermuda</option>
<option VALUE="BT">Bhutan</option>
<option VALUE="BO">Bolivia</option>
<option VALUE="BA">Bosnia and Herzegowina</option>
<option VALUE="BW">Botswana</option>
<option VALUE="BV">Bouvet Island</option>
<option VALUE="BR">Brazil</option>
<option VALUE="IO">British Indian Ocean Terr.</option>
<option VALUE="BN">Brunei Darussalam</option>
<option VALUE="BG">Bulgaria</option>
<option VALUE="BF">Burkina Faso</option>
<option VALUE="BI">Burundi</option>
<option VALUE="KH">Cambodia</option>
<option VALUE="CM">Cameroon</option>
<option VALUE="CA">Canada</option>
<option VALUE="CV">Cape Verde</option>
<option VALUE="KY">Cayman Islands</option>
<option VALUE="CF">Central African Republic</option>
<option VALUE="TD">Chad</option>
<option VALUE="CL">Chile</option>
<option VALUE="CN">China</option>
<option VALUE="CX">Christmas Island</option>
<option VALUE="CC">Cocos (Keeling) Islands</option>
<option VALUE="CO">Colombia</option>
<option VALUE="KM">Comoros</option>
<option VALUE="CG">Congo</option>
<option VALUE="CK">Cook Islands</option>
<option VALUE="CR">Costa Rica</option>
<option VALUE="CI">Cote D'Ivoire</option>
<option VALUE="HR">Croatia (Hrvatska)</option>
<option VALUE="CU">Cuba</option>
<option VALUE="CY">Cyprus</option>
<option VALUE="CZ">Czech Republic</option>
<option VALUE="DK">Denmark</option>
<option VALUE="DJ">Djibouti</option>
<option VALUE="DM">Dominica</option>
<option VALUE="DO">Dominican Republic</option>
<option VALUE="TP">East Timor</option>
<option VALUE="EC">Ecuador</option>
<option VALUE="EG">Egypt</option>
<option VALUE="SV">El Salvador</option>
<option VALUE="GQ">Equatorial Guinea</option>
<option VALUE="ER">Eritrea</option>
<option VALUE="EE">Estonia</option>
<option VALUE="ET">Ethiopia</option>
<option VALUE="FK">Falkland Islands (Malvinas)</option>
<option VALUE="FO">Faroe Islands</option>
<option VALUE="FJ">Fiji</option>
<option VALUE="FI">Finland</option>
<option VALUE="FR">France</option>
<option VALUE="FX">France, Metropolitan</option>
<option VALUE="GF">French Guiana</option>
<option VALUE="PF">French Polynesia</option>
<option VALUE="TF">French Southern Territories</option>
<option VALUE="GA">Gabon</option>
<option VALUE="GM">Gambia</option>
<option VALUE="GE">Georgia</option>
<option VALUE="DE">Germany</option>
<option VALUE="GH">Ghana</option>
<option VALUE="GI">Gibraltar</option>
<option VALUE="GR">Greece</option>
<option VALUE="GL">Greenland</option>
<option VALUE="GD">Grenada</option>
<option VALUE="GP">Guadeloupe</option>
<option VALUE="GU">Guam</option>
<option VALUE="GT">Guatemala</option>
<option VALUE="GN">Guinea</option>
<option VALUE="GW">Guinea-Bissau</option>
<option VALUE="GY">Guyana</option>
<option VALUE="HT">Haiti</option>
<option VALUE="HM">Heard/McDonald Isls.</option>
<option VALUE="HN">Honduras</option>
<option VALUE="HK">Hong Kong</option>
<option VALUE="HN">Hungary</option>
<option VALUE="IS">Iceland</option>
<option VALUE="IN">India</option>
<option VALUE="ID">Indonesia</option>
<option VALUE="IR">Iran</option>
<option VALUE="IQ">Iraq</option>
<option VALUE="IE">Ireland</option>
<option VALUE="IL">Israel</option>
<option VALUE="IT">Italy</option>
<option VALUE="JM">Jamaica</option>
<option VALUE="JP">Japan</option>
<option VALUE="JO">Jordan</option>
<option VALUE="KZ">Kazakhstan</option>
<option VALUE="KE">Kenya</option>
<option VALUE="KI">Kiribati</option>
<option VALUE="KP">Korea (North)</option>
<option VALUE="KR">Korea (South)</option>
<option VALUE="KW">Kuwait</option>
<option VALUE="KG">Kyrgyzstan</option>
<option VALUE="LA">Lao</option>
<option VALUE="LV">Latvia</option>
<option VALUE="LB">Lebanon</option>
<option VALUE="LS">Lesotho</option>
<option VALUE="LR">Liberia</option>
<option VALUE="LY">Libyan Arab Jamahiriya</option>
<option VALUE="LI">Liechtenstein</option>
<option VALUE="LT">Lithuania</option>
<option VALUE="LU">Luxembourg</option>
<option VALUE="MO">Macau</option>
<option VALUE="MK">Macedonia</option>
<option VALUE="MG">Madagascar</option>
<option VALUE="MW">Malawi</option>
<option VALUE="MY">Malaysia</option>
<option VALUE="MV">Maldives</option>
<option VALUE="ML">Mali</option>
<option VALUE="MT">Malta</option>
<option VALUE="MH">Marshall Islands</option>
<option VALUE="MQ">Martinique</option>
<option VALUE="MR">Mauritania</option>
<option VALUE="MU">Mauritius</option>
<option VALUE="YT">Mayotte</option>
<option VALUE="MX">Mexico</option>
<option VALUE="FM">Micronesia</option>
<option VALUE="MD">Moldova</option>
<option VALUE="MC">Monaco</option>
<option VALUE="MN">Mongolia</option>
<option VALUE="MS">Montserrat</option>
<option VALUE="MA">Morocco</option>
<option VALUE="MZ">Mozambique</option>
<option VALUE="MM">Myanmar</option>
<option VALUE="NA">Namibia</option>
<option VALUE="NR">Nauru</option>
<option VALUE="NP">Nepal</option>
<option VALUE="NL">Netherlands</option>
<option VALUE="AN">Netherlands Antilles</option>
<option VALUE="NC">New Caledonia</option>
<option VALUE="NZ">New Zealand</option>
<option VALUE="NI">Nicaragua</option>
<option VALUE="NE">Niger</option>
<option VALUE="NG">Nigeria</option>
<option VALUE="NU">Niue</option>
<option VALUE="NF">Norfolk Island</option>
<option VALUE="MP">Northern Mariana Isls.</option>
<option VALUE="NO">Norway</option>
<option VALUE="OM">Oman</option>
<option VALUE="PK">Pakistan</option>
<option VALUE="PW">Palau</option>
<option VALUE="PA">Panama</option>
<option VALUE="PG">Papua New Guinea</option>
<option VALUE="PY">Paraguay</option>
<option VALUE="PE">Peru</option>
<option VALUE="PH">Philippines</option>
<option VALUE="PN">Pitcairn</option>
<option VALUE="PL">Poland</option>
<option VALUE="PT">Portugal</option>
<option VALUE="PR">Puerto Rico</option>
<option VALUE="QA">Qatar</option>
<option VALUE="RE">Reunion</option>
<option VALUE="RO">Romania</option>
<option VALUE="RU">Russian Federation</option>
<option VALUE="RW">Rwanda</option>
<option VALUE="GS">S Georgia/S Sandwich Isls.</option>
<option VALUE="KN">Saint Kitts and Nevis</option>
<option VALUE="LC">Saint Lucia</option>
<option VALUE="VC">Saint Vincent/Grenadines</option>
<option VALUE="WS">Samoa</option>
<option VALUE="SM">San Marino</option>
<option VALUE="ST">Sao Tome and Principe</option>
<option VALUE="SA">Saudi Arabia</option>
<option VALUE="SN">Senegal</option>
<option VALUE="SC">Seychelles</option>
<option VALUE="SL">Sierra Leone</option>
<option VALUE="SG">Singapore</option>
<option VALUE="SK">Slovak Republic</option>
<option VALUE="SI">Slovenia</option>
<option VALUE="SB">Solomon Islands</option>
<option VALUE="SO">Somalia</option>
<option VALUE="ZA">South Africa</option>
<option VALUE="ES">Spain</option>
<option VALUE="LK">Sri Lanka</option>
<option VALUE="SH">St. Helena</option>
<option VALUE="PM">St. Pierre and Miquelon</option>
<option VALUE="SD">Sudan</option>
<option VALUE="SR">Suriname</option>
<option VALUE="SJ">Svalbard/Jan Mayen Isls.</option>
<option VALUE="SZ">Swaziland</option>
<option VALUE="SE">Sweden</option>
<option VALUE="CH">Switzerland</option>
<option VALUE="SY">Syrian Arab Republic</option>
<option VALUE="TW">Taiwan</option>
<option VALUE="TJ">Tajikistan</option>
<option VALUE="TZ">Tanzania</option>
<option VALUE="TH">Thailand</option>
<option VALUE="TG">Togo</option>
<option VALUE="TK">Tokelau</option>
<option VALUE="TO">Tonga</option>
<option VALUE="TT">Trinidad and Tobago</option>
<option VALUE="TN">Tunisia</option>
<option VALUE="TR">Turkey</option>
<option VALUE="TM">Turkmenistan</option>
<option VALUE="TC">Turks and Caicos Islands</option>
<option VALUE="TV">Tuvalu</option>
<option VALUE="UG">Uganda</option>
<option VALUE="UA">Ukraine</option>
<option VALUE="AE">United Arab Emirates</option>
<option VALUE="GB">United Kingdom</option>
<option VALUE="US">United States</option>
<option VALUE="UY">Uruguay</option>
<option VALUE="UM">US Minor Outlying Islands</option>
<option VALUE="UZ">Uzbekistan</option>
<option VALUE="VU">Vanuatu</option>
<option VALUE="VE">Venezuela</option>
<option VALUE="VN">Viet Nam</option>
<option VALUE="VG">Virgin Islands (British)</option>
<option VALUE="VI">Virgin Islands (U.S.)</option>
<option VALUE="WF">Wallis and Futuna Islands</option>
<option VALUE="EH">Western Sahara</option>
<option VALUE="YE">Yemen</option>
<option VALUE="YU">Yugoslavia</option>
<option VALUE="ZM">Zambia</option>
<option VALUE="ZW">Zimbabwe</option>
</SELECT>
<BR>Numéro de Telephone:&nbsp;*
<BR>
<INPUT TYPE="text" NAME="tel" SIZE="40" MAXLENGTH="40">
<BR>
Adresse Email:&nbsp;*
<BR>
<INPUT TYPE="text" NAME="email" SIZE="40" MAXLENGTH="80">
<BR>
<BR>
<B>Contact:</B>&nbsp;*
<BR>
<textarea name="description" wrap="virtual" rows="5" cols="40"></textarea>
<BR>
<BR>
<input type="submit" name="submit" value="Envoyer">
</form>
</body>

</html>


Bonne journée,

Cédric ;)
apdcanari
15/02/2006, 02h07
Pas interessé .... :confused:
Pitchoune
15/02/2006, 06h22
Si, ça devrait être pas mal comme truc ;)
Yuke
15/02/2006, 15h35
Ouep, ça peut etre sympa ;)
mirage.59
12/03/2006, 21h59
Comment il fais pour vérifier si le telephone est bon ?
sinon bon hack ;)
apdcanari
12/03/2006, 23h12
Comment il fais pour vérifier si le telephone est bon ?
sinon bon hack ;)

/********
* Validate phone number for international countries
********/
function isValidPhoneNumber(num, requiredDigits) {
var digits = 0;
if (num == null) return false;
for( i=0; i<num.length; i++ ){
var c = num.charCodeAt(i);
//convert the i-th character to ascii code value
if( (c>=48) && (c<=57) ) digits++;
}
return (digits >= requiredDigits);
}