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
