[HTML/CSS/Javascript] probleme checkForm is not definied

probleme checkForm is not definied [HTML/CSS/Javascript] - HTML/CSS - Programmation

Marsh Posté le 23-04-2012 à 20:52:13    

Bonjour à tous,
 
Je suis nouveau sur le forum et en webdev aussi d'ailleur.
j'ai un petit souci sur un control de formulaire en javascript  
ma fonction sur onclick="checkForm(f)" ne fonctionne pas <<checkForm is not definied>>
 
 
voici mon code :
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" href="test.css" />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->  
<script type="text/javascript">
 
function isMail(txtMail) {
 var regMail=new RegExp("^[0-9a-z._-]+@{1}[0-9a-z. -]{2, }[.]{1}[a-z]{2,5}$", "i" );
 return regMail.test (txtmail);}
 
 
function isUrl(txtUrl) {
  var regUrl=new RegExp("/http:\/\/[A-Za-z0-9\.-]{3,}\.[A-Za-z]{3}/", "i" );
  return regUrl.test(txtUrl);
 
function checkForm(f) {
 
 if (!isMail(f.mail.value)) {
  alert("Merci d'indiquer un mail valide pour que nous puissions vous répondre" );
  f.mail.focus();
  return false;
 }
 if (!isUrl(f.video.value)) {
  alert("Merci d'indiquer une url valide pour que nous puissions modifier votre vidéo" );
  f.video.focus();
  return false;
 }
 if (f.message.value=="" ){
  alert("Merci de poster un commentaire" );
  f.message.focus();
  return false;
 }
 }
f.submit();
}
</script>
 
</head>
<body>
 <header id="entete">
 <img src="logo-test.png" style="padding-left: 50px; padding-top:11px"
   alt="logo de l'équipe HTML 5.0" />
 
 </header>
 <nav>
 
 </nav>
 <form name="f"  action="mailto:contact@christopherdavis.eu" >
 <header id="headerform">
   <h2>Modifier</h2>
  </header>
 
  <div id="content">
   <div>
    <ul style="lisT-style: none;">
     <li><label id="videostyle" for="video">Video </label></li>
     <li><input type="text" autofocus id="video" name="video"
      required placeholdelar="url de la vidéo"  /></li>
    </ul>
   </div>
   <div>
    <ul style="lisT-style: none;">
     <li><label for="message">Post message</label></li>
     <li><textarea id="message" name="message"  
     required placeholdelar="Commentaire" cols="" rows=""></textarea></li>
    </ul>
   </div>
   <div>
    <ul style="lisT-style: none;">
     <li><label for="mail">Email : </label></li>
     <li><input id="mail" name="mail" type="text"
     required placeholdelar="Adresse mail" /></li>
    </ul>
   </div>
   <div>
    <ul style="lisT-style: none;">
     <li><input type="checkbox" id="cgu" name="cgu" /> <label
      for="cgu">Cgu</label></li>
 
     <li><input type="checkbox" id="newsletter" name="newsletter" />
      <label for="newsletter">Newsletter</label></li>
    </ul>
   </div>
  </div>
  <footer>
   <input id="btn_envoyer" type="button" value="" onclick="checkForm(f)">
  </footer>
 
 
 </form>
<footer></footer>
</body>
</html>


---------------
1+1=10
Reply

Marsh Posté le 23-04-2012 à 20:52:13   

Reply

Marsh Posté le 08-05-2012 à 16:39:26    

Hello!
 
Problème d'accolades, dans la fonction IsUrl, il manque l'accolade fermante.
Et juste avant f.submit(), il y a une accolade fermante en trop.
 
 
A part ça, tu devrais valider ton HTML avec l'outil du W3C:
http://validator.w3.org/check
 
Il y a 6 erreurs:
3x "placeholdelar" au lieu de "placeholder"
Dans textarea, les attributs cols et rows ne peuvent pas être vides
Enfion l'attribut value du dernier input ne peut pas être vide.
 
bon courage!


---------------
Dépannage informatique à Chalon/Saône - Le plus dur, c'est de se poser les bonnes questions!
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed