Adresse de démonstration en ligne: http://www.shouce.ren/study/api/s/jq --bootstrapvalidator-index.html
La méthode d'utilisation est la suivante:
1. <Form id = "defaultform" Method = "Post" Action = "Target.php"> 2. <div> 3. <Labed> Nom d'utilisateur </ Label> 4. <div> 5. <Input Type = "Text" Name = "Username" /> 6. </v> 7. </porn> 8. 9. <Div> 10. <DeBel> Email </ label> 11. <Div> 12. </div> 14. </div> 15. 16. <div> 17. <Labed> anniversaire </ label> 18. <div> 19. <input type = "text" name = "anniversaire" /> (yyyy / mm / dd) 20. </v> 21. </div> 22. 23. <div> 24. <div> 25. <Button type = "Soumider =" Inscrip "Value =" SIGNUP " Type = "Button" id = "validateBtn"> Vérification automatique </fonticieuse> 27. <Button Type = "Button" id = "ResetBtn"> Réinitialiser le formulaire </ Button> 28. </div> 29. </div> 30. </ form> 1. $ ('# Defaultform'). BootstrapValidator ({2. Message: 'Cette valeur n'est pas Valid', 3. «Glyphicon Glyphicon-ok», 5. Invalide: «Glyphicon Glyphicon-Remove», 6. Valider: «Glyphicon Glyphicon-Refresh» 7.}, 8. Fields: {9. Username: {10. Message: «Le nom d'utilisateur n'est pas valide», 11. Validators: {12. Le nom d'utilisateur est requis et ne peut pas être vide '14.}, 15. StringLength: {16. Min: 6, 17. Max: 30, 18. Message:' Le nom d'utilisateur doit être plus de 6 ans et moins de 30 caractères '19.}, 20. RegExp: {21. Regexp: /^^ aa-za-z0-9_/. souligner '23.}, 24. Remote: {25. URL:' Remote.php ', 26. Message:' Le nom d'utilisateur n'est pas disponible '27.}, 28. Différent: {29. Field:' Motword ', 30. Message:' Le nom d'utilisateur et le mot de passe ne peut pas être le même que les uns des autres '31.} 32.} 33.}, 34. Courriel: {35. 37. Message: «L'entrée n'est pas une adresse e-mail valide» 38.} 39.} 40.}, 41.} 42.});Ce qui précède est la description complète de la vérification du formulaire de validateur bootstrap qui vous a été introduit par l'éditeur. J'espère que cela vous sera utile. Si vous voulez en savoir plus, veuillez faire attention à wulin.com!