11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

J'essaye d'utiliser les nouveaux attributs de HTML5 comme pattern et required.
Il semble qu'il ne fonctionne que lorsqu'on utilise le bouton "submit" du formulaire, mais pas lorsque le formulaire est validé par une fonction javascript.
Ce code devrait aider à comprendre mon problème :

<html>
	<head>
		<title></title>
		<script type="text/javascript">
			function click_validForm() {
				/* traitements quelconques ...*/
				document.getElementById("aForm").submit()	
			}
 
		</script>
	</head>
 
	<body>
		<form id='aForm' action="">
			<label for="pays">Code alpha-3 (ex : FRA)</label> : 
			<input type='text' name="pays" required pattern="[A-Za-z]{3}" /><br />
			<a href="javascript:click_validForm()">valider via la fonction javascript</a> ou 
			<input type="submit" value="valider via le bouton submit" />
		</form>
	</body>
</html>


Avez vous une idée pour que ces attributs fonctionnent avec la fonction form.submit() d'une fonction javascript ?

Je vous remercie,
Bonne journée,

Gilou.
Modifié par gillesgallais (15 Mar 2012 - 12:36)