{"json_modified": "2016-06-18T08:35:38.581907", "uuid": "2403f4c6-88c7-4609-aaff-7c43816c12a2", "title": "Data form validation", "url": "/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation", "tags": ["Guide", "Forms", "guide", "Web", "Example", "JavaScript", "Intermediate", "HTML"], "translations": [{"uuid": "94787c81-5da7-460d-9b65-05b706f61017", "title": "Validation des formulaires de donn\u00e9es", "url": "/fr/docs/Web/Guide/HTML/Formulaires/Validation_donnees_formulaire", "tags": ["Guide", "Exemple", "Web", "HTML", "JavaScript", "Intermediate"], "summary": "Bien que vous deviez toujours valider les donn\u00e9es c\u00f4t\u00e9 serveur, la validation des\u00a0donn\u00e9es d'un formulaire au niveau de la page Web elle-m\u00eame (c\u00f4t\u00e9 client) pr\u00e9sente plusieurs avantages. De bien des mani\u00e8res, <a href=\"https://www.slideshare.net/jwegesin/forms-suck\">les formulaires agacent les utilisateurs (article en anglais)</a>. En validant les donn\u00e9es d'un\u00a0formulaire lorsque\u00a0l'utilisateur le remplit, ce dernier sait imm\u00e9diatement s'il a commis des erreurs ; il n'a donc plus\u00a0\u00e0 attendre la r\u00e9ponse d'une requ\u00eate HTTP, et le serveur n'a plus \u00e0 traiter des donn\u00e9es mal format\u00e9es. Cet article traite des moyens qui existent pour valider le contenu de vos formulaires.", "localization_tags": [], "locale": "fr", "last_edit": "2015-10-18T02:16:08", "review_tags": []}, {"uuid": "921d1e97-9e91-4341-9101-c583e9346bec", "title": "\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c", "url": "/ja/docs/Web/Guide/HTML/Forms/Data_form_validation", "tags": ["Guide", "Forms", "Web", "Example", "JavaScript", "Intermediate", "HTML"], "summary": "\u30b5\u30fc\u30d0\u3067\u306f\u5e38\u306b\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3059\u308b\u3079\u304d\u3067\u3059\u304c\u3001\u8ffd\u52a0\u306e\u30c7\u30fc\u30bf\u691c\u8a3c\u3092 Web \u30da\u30fc\u30b8\u81ea\u8eab\u3067\u884c\u3046\u3053\u3068\u306b\u3082\u591a\u304f\u306e\u5229\u70b9\u304c\u3042\u308a\u307e\u3059\u3002\u3044\u308d\u3044\u308d\u306a\u70b9\u3067\u3001<a href=\"https://www.slideshare.net/jwegesin/forms-suck\" rel=\"external\" title=\"https://www.slideshare.net/jwegesin/forms-suck\">\u30e6\u30fc\u30b6\u306f\u30d5\u30a9\u30fc\u30e0\u306b\u60a9\u307e\u3055\u308c\u3066\u3044\u307e\u3059</a>\u3002\u30e6\u30fc\u30b6\u304c\u30d5\u30a9\u30fc\u30e0\u306b\u5165\u529b\u3057\u3066\u3044\u308b\u9593\u306b\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u306f\u4f55\u3089\u304b\u306e\u30df\u30b9\u3092\u3057\u305f\u3053\u3068\u3092\u76f4\u3061\u306b\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u30e6\u30fc\u30b6\u304c HTTP \u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u5f85\u3064\u6642\u9593\u3092\u6e1b\u3089\u3057\u3001\u307e\u305f\u30b5\u30fc\u30d0\u3067\u8aa4\u3063\u305f\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u3092\u6271\u3046\u3053\u3068\u304c\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u672c\u8a18\u4e8b\u3067\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u306e Web \u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u6271\u3044\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-01-11T06:07:33", "review_tags": []}], "modified": "2016-06-18T08:35:38", "label": "Data form validation", "localization_tags": [], "locale": "en-US", "id": 57887, "last_edit": "2016-06-18T08:35:22", "summary": "While you should always validate data on your servers,\u00a0additional validation of data on the Web page itself has multiple benefits. In many ways, <a href=\"https://www.slideshare.net/jwegesin/forms-suck\" rel=\"external\" title=\"https://www.slideshare.net/jwegesin/forms-suck\">users are annoyed by forms</a>. By validating form data while the user is filling it out, the user can know immediately if they've made any mistakes; this saves\u00a0the time of waiting for\u00a0an HTTP response and saves your server from dealing with bad form input. This article covers how to\u00a0validate form data within your form's Web content.", "sections": [{"id": "Using_browser-supplied_form_validation", "title": "Using browser-supplied form validation"}, {"id": "When_an_element_is_invalid", "title": "When an element is invalid"}, {"id": "Validation_constraints_on_<input placeholder="disabled" disabled="disabled" title="form boxes are disabled in cached version of the site" value="Disabled" style="opacity:0.3;" >_elements", "title": "Validation constraints on "}, {"id": "A_simple_example", "title": "A simple example"}, {"id": "The_required_attribute", "title": "The required attribute"}, {"id": "Other_validation_constraints", "title": "Other validation constraints"}, {"id": "Customized_error_messages", "title": "Customized error messages"}, {"id": "Validating_forms_using_JavaScript", "title": "Validating forms using JavaScript"}, {"id": "The_HTML5_constraint_validation_API", "title": "The HTML5 constraint validation API"}, {"id": "Constraint_validation_API_properties", "title": "Constraint validation API properties"}, {"id": "Constraint_validation_API_methods", "title": "Constraint validation API methods"}, {"id": "Example_using_the_constraint_validation_API", "title": "Example using the constraint validation API"}, {"id": "CSS", "title": "CSS"}, {"id": "JavaScript", "title": "JavaScript"}, {"id": "Validating_forms_without_a_built-in_API", "title": "Validating forms without a built-in API"}, {"id": "Example_that_doesn't_use_the_constraint_validation_API", "title": "Example that doesn't use the constraint validation API"}, {"id": "CSS_2", "title": "CSS"}, {"id": "JavaScript_2", "title": "JavaScript"}, {"id": "Remote_validation", "title": "Remote validation"}, {"id": "Conclusion", "title": "Conclusion"}], "slug": "Web/Guide/HTML/Forms/Data_form_validation", "review_tags": ["editorial"]}