jquery implémente la validation du formulaire et empêche les soumissions illégales

Cet article partage avec vous le code pour utiliser jquery pour implémenter la vérification de formulaire et empêcher les soumissions illégales. L'idée est très bonne, je la recommande à mes amis pour référence.

Le code détecte la longueur renseignée dans la zone de texte. S'il n'est pas renseigné, il vous demandera de le remplir à nouveau. S'il contient moins de 15 caractères, il vous demandera de le remplir à nouveau. Si l'opération réussit, elle affichera les suggestions renseignées.

<script type="text/javascript">
//jQuery代码
function confirm()
{
　　if($("#advice").val().length == 0)
{
　　alert("We can&#39;t see your advice. Maybe you should fill the form first.");
　　$("#advice").focus();
　　return false;
}
else if($("#advice").val().length <= 15)
{
　　alert("Your advice should longer than 15 letters.");
　　$("#advice").focus();
　　return false;
}
else
{
　　alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
　　return true;
}
}
</script>
<form action="" method="post" onSubmit="return confirm();" >
　　<textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea>
　　 <input type="submit"value="Thank you"/>
</form>

>Points clés

1. Il doit y avoir onSubmit="return confirm();" Le mot return est indispensable.
2. Complétez la structure de la page Web par vous-même.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Pour plus de didacticiels connexes, veuillez visiter le Tutoriel JavaScript