[HTML/CSS/Javascript] probleme checkForm is not definied
probleme checkForm is not definied [HTML/CSS/Javascript] - HTML/CSS - Programmation
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!
Sujets relatifs:
- Problème Run-time library configuration error sous GNAT GPS Ada
- Modifier une zone de texte SVG en JavaScript [infobulle]
- Wordpress Problème d'accent : d'un --> d/'un
- Problème de réécriture avec Arfooo
- Problème largeur colonne d'un tableau PHP/CSS
- [javascript] problème sur fonction SWITCH
- Générer une image à partir d'un fichier html
- [PERL] problème avec variable de session PHP
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