SUBMIT ne fonctionne pas en Javascript
Bonjour,
j'ai fais un formulaire en Javascript mais quand on clique sur le bouton ENVOYER, il ne fait pas les test demandés. SVP aidez moi à résoudre ce problème.
Voici le code :
<form action="http://afi-ue.com/form/nouscotacter.php" method="POST" enctype="multipart/form-data" name="adminForm1">
<script language="javascript">
function submitbutton(pressbutton) {
var form = document.adminForm1;
if (pressbutton == 'candidate_cancel') {
submitform( pressbutton );
return;
}
}
function verif() {
var form = document.adminForm1;
var bg_color = "#666666";
var strexp = /\>|\<|\/|\\|\*|\@|\[|\]|\{|\}|\||\#/;
var filexp = /[*?"<>|]/;
var mailexp = /^[a-zA-Z0-9\-_]+[a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+\.[a-zA-Z\.\-_]{1,}[a-zA-Z\-_]+$/;
form.lastname.style.backgroundColor = "";
form.firstname.style.backgroundColor = "";
form.adress1.style.backgroundColor = "";
form.adress2.style.backgroundColor = "";
form.city.style.backgroundColor = "";
form.postcode.style.backgroundColor = "";
form.state.style.backgroundColor = "";
form.country.style.backgroundColor = "";
form.email.style.backgroundColor = ""; form.level.style.backgroundColor = "";
form.experience.style.backgroundColor = "";
var error = 0;
if ( ( form.lastname.value == '' ) || strexp.test(form.lastname.value) ) {
form.lastname.style.backgroundColor = bg_color;
error++;
}
if ( ( form.firstname.value == "" ) || strexp.test(form.firstname.value) ) {
form.firstname.style.backgroundColor = bg_color;
error++;
}
if ( form.level.value == "" ) {
form.level.style.backgroundColor = bg_color;
error++;
}
if ( form.experience.value == "" ) {
form.experience.style.backgroundColor = bg_color;
error++;
}
if ( ( form.adress1.value == "" ) || strexp.test(form.adress1.value) ) {
form.adress1.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.adress2.value) ) {
form.adress2.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.postcode.value) ) {
form.postcode.style.backgroundColor = bg_color;
error++;
}
if ( ( form.city.value == "" ) || strexp.test(form.city.value) ) {
form.city.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.state.value) ) {
form.state.style.backgroundColor = bg_color;
error++;
}
if ( ( form.country.value == "" ) || strexp.test(form.country.value) ) {
form.country.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.phone.value) ) {
form.phone.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.mobile.value) ) {
form.mobile.style.backgroundColor = bg_color;
error++;
}
if ( form.email.value != '' && !mailexp.test(form.email.value) ) {
form.email.style.backgroundColor = bg_color;
error++;
}
if ( form.email.value == "" || !mailexp.test(form.email.value) ) {
form.email.style.backgroundColor = bg_color;
error++;
}
if ( filexp.exec(form.cv_file.value) ) {
form.cv_file.style.backgroundColor = bg_color;
error++;
}
if ( error == 0 ) {
form.action = 'http://www.afi-ue.com/index.php?option=com_content&task=view&id=240&Itemid=286';
form.submit();
} else {
alert( 'Votre formulaire ne peut être validé, '+error+' champs sont mal renseignés.' );
}
}
</script>
<table class="contentpaneopen" width="100%">
<tbody>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Nom * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="lastname" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Prénom * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="firstname" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Email *</span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="email" class="inputbox" size="35" type="text" /></span></td>
</tr>
<tr>
<td align="left" width="30%"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Sexe</span></td>
<td align="left">
<select name="saluation">
<option>
--------</option>
<option value="M.">
Masculin</option>
<option value="Mme">
Féminin</option>
</select><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">
</span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Nationalité</span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="adress2" class="inputbox" size="45" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Telephone </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="post" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Comment avez-vous connu AFI/L'U.E? * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="adress1" class="inputbox" size="45" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Objet de votre message * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="city" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left" valign="top"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Saisissez votre message * </span></td>
<td align="left" valign="top"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><textarea rows="8" cols="50" id="message" name="country"></textarea></span></td>
</tr>
<tr>
<td valign="top" align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"> </span></td>
<td valign="top" align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"> </span></td>
</tr>
</tbody>
</table>
<input name="option" value="com_neorecruit" type="hidden" />
<input name="Itemid" value="128" type="hidden" />
<input name="task" value="application_save" type="hidden" />
<span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><span class="Apple-style-span"><br />
</span>
</span>
<!-- Boutton ENVOYER -->
<div class="neorecruit_buttonbox" align="center">
<span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><span class="Apple-style-span"><input onclick="verif();" value="Envoyer" class="button" type="button" />
</span>
</span>
</div>
</form>
<span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><span class="Apple-style-span"><br />
</span>
</span>
Merci!!!
config>Windows XP / Safari 534.30</config>
j'ai fais un formulaire en Javascript mais quand on clique sur le bouton ENVOYER, il ne fait pas les test demandés. SVP aidez moi à résoudre ce problème.
Voici le code :
<form action="http://afi-ue.com/form/nouscotacter.php" method="POST" enctype="multipart/form-data" name="adminForm1">
<script language="javascript">
function submitbutton(pressbutton) {
var form = document.adminForm1;
if (pressbutton == 'candidate_cancel') {
submitform( pressbutton );
return;
}
}
function verif() {
var form = document.adminForm1;
var bg_color = "#666666";
var strexp = /\>|\<|\/|\\|\*|\@|\[|\]|\{|\}|\||\#/;
var filexp = /[*?"<>|]/;
var mailexp = /^[a-zA-Z0-9\-_]+[a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+\.[a-zA-Z\.\-_]{1,}[a-zA-Z\-_]+$/;
form.lastname.style.backgroundColor = "";
form.firstname.style.backgroundColor = "";
form.adress1.style.backgroundColor = "";
form.adress2.style.backgroundColor = "";
form.city.style.backgroundColor = "";
form.postcode.style.backgroundColor = "";
form.state.style.backgroundColor = "";
form.country.style.backgroundColor = "";
form.email.style.backgroundColor = ""; form.level.style.backgroundColor = "";
form.experience.style.backgroundColor = "";
var error = 0;
if ( ( form.lastname.value == '' ) || strexp.test(form.lastname.value) ) {
form.lastname.style.backgroundColor = bg_color;
error++;
}
if ( ( form.firstname.value == "" ) || strexp.test(form.firstname.value) ) {
form.firstname.style.backgroundColor = bg_color;
error++;
}
if ( form.level.value == "" ) {
form.level.style.backgroundColor = bg_color;
error++;
}
if ( form.experience.value == "" ) {
form.experience.style.backgroundColor = bg_color;
error++;
}
if ( ( form.adress1.value == "" ) || strexp.test(form.adress1.value) ) {
form.adress1.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.adress2.value) ) {
form.adress2.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.postcode.value) ) {
form.postcode.style.backgroundColor = bg_color;
error++;
}
if ( ( form.city.value == "" ) || strexp.test(form.city.value) ) {
form.city.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.state.value) ) {
form.state.style.backgroundColor = bg_color;
error++;
}
if ( ( form.country.value == "" ) || strexp.test(form.country.value) ) {
form.country.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.phone.value) ) {
form.phone.style.backgroundColor = bg_color;
error++;
}
if ( strexp.test(form.mobile.value) ) {
form.mobile.style.backgroundColor = bg_color;
error++;
}
if ( form.email.value != '' && !mailexp.test(form.email.value) ) {
form.email.style.backgroundColor = bg_color;
error++;
}
if ( form.email.value == "" || !mailexp.test(form.email.value) ) {
form.email.style.backgroundColor = bg_color;
error++;
}
if ( filexp.exec(form.cv_file.value) ) {
form.cv_file.style.backgroundColor = bg_color;
error++;
}
if ( error == 0 ) {
form.action = 'http://www.afi-ue.com/index.php?option=com_content&task=view&id=240&Itemid=286';
form.submit();
} else {
alert( 'Votre formulaire ne peut être validé, '+error+' champs sont mal renseignés.' );
}
}
</script>
<table class="contentpaneopen" width="100%">
<tbody>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Nom * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="lastname" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Prénom * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="firstname" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Email *</span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="email" class="inputbox" size="35" type="text" /></span></td>
</tr>
<tr>
<td align="left" width="30%"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Sexe</span></td>
<td align="left">
<select name="saluation">
<option>
--------</option>
<option value="M.">
Masculin</option>
<option value="Mme">
Féminin</option>
</select><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">
</span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Nationalité</span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="adress2" class="inputbox" size="45" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Telephone </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="post" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Comment avez-vous connu AFI/L'U.E? * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="adress1" class="inputbox" size="45" type="text" /></span></td>
</tr>
<tr>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Objet de votre message * </span></td>
<td align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><input name="city" class="inputbox" size="30" type="text" /></span></td>
</tr>
<tr>
<td align="left" valign="top"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span">Saisissez votre message * </span></td>
<td align="left" valign="top"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><textarea rows="8" cols="50" id="message" name="country"></textarea></span></td>
</tr>
<tr>
<td valign="top" align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"> </span></td>
<td valign="top" align="left"><span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"> </span></td>
</tr>
</tbody>
</table>
<input name="option" value="com_neorecruit" type="hidden" />
<input name="Itemid" value="128" type="hidden" />
<input name="task" value="application_save" type="hidden" />
<span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><span class="Apple-style-span"><br />
</span>
</span>
<!-- Boutton ENVOYER -->
<div class="neorecruit_buttonbox" align="center">
<span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><span class="Apple-style-span"><input onclick="verif();" value="Envoyer" class="button" type="button" />
</span>
</span>
</div>
</form>
<span style="font-family: 'comic sans ms', sans-serif" class="Apple-style-span"><span class="Apple-style-span"><br />
</span>
</span>
Merci!!!
config>Windows XP / Safari 534.30</config>
