Form

From BC$ MobileTV Wiki
(Redirected from Validation)
Jump to: navigation, search


Form Processing

Form processing is an important capability that must be handled both securely and reliably by any website or web service.

Input

Input is the actual data being passed from an HTML (or WAP, xHTML or SemanticForms) form, to the server-side processing script or language (which may be written in PHP, JAVA, Python, Ruby, C#, Visual Basic, etc...)


Radio Buttons


Checkboxes


Form Validation

Form validation is the important process of checking and validating the input of a web form before processing it.


Client-side validation

It is important to valid the form input both before passing it to the server (on the client, through client-side languages such as JavaScript) and after receiving it at the server, but before changing the state of any stored objects or processing any further commands, programs or applications (in the server-side language such as JSP, ASP, PHP, ColdFusion, Ruby, Python, etc).

[1] [2] [3] [4] [5]

HTML5 pattern

The pattern attribute is a mechanism added to HTML5 for specifying valid formats of certain input fields (text, email, password, etc).

[6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25]


Server-side Validation

[26]



Tools


Resources

Styling

Validation

Client-Side validation

Server-Side validation


Tutorials



External Links


References

  1. Inline Validation in Web Forms: https://alistapart.com/article/inline-validation-in-web-forms/
  2. Detecting Locale: https://mzabriskie.silvrback.com/blog/detecting-locale
  3. MozDev -- NavigatorLanguage.languages: https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/languages
  4. Best way to determine user's locale within browser: https://stackoverflow.com/questions/673905/best-way-to-determine-users-locale-within-browser
  5. Detect foreign language support using JavaScript: https://www.techrepublic.com/article/detect-foreign-language-support-using-javascript/
  6. Constraint Validation -- Native Client Side Validation for Web Forms: https://www.html5rocks.com/en/tutorials/forms/constraintvalidation/
  7. HTML5 Form Validation With the “pattern” Attribute: https://webdesign.tutsplus.com/tutorials/html5-form-validation-with-the-pattern-attribute--cms-25145
  8. Building HTML5 Form Validation Bubble Replacements: https://www.telerik.com/blogs/building-html5-form-validation-bubble-replacements
  9. Creating A Custom HTML5 Form Validation: https://girliemac.com/blog/2012/11/21/html5-form-validation/
  10. Why you should be using HTML5 form validation - a tour: https://pageclip.co/blog/2018-02-20-you-should-use-html5-form-validation.html
  11. HTML5 form required attribute - Set custom validation message?: https://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message
  12. Provide custom validation messages using setCustomValidity in HTML 5 pages: http://sanalksankar.blogspot.com/2010/12/custom-validation-message.html
  13. Form required attribute with a custom validation message in HTML5: https://www.geeksforgeeks.org/form-required-attribute-with-a-custom-validation-message-in-html5/
  14. Fun with HTML Form Validation Styles: https://tylergaw.com/articles/fun-with-html-form-validation-styles/
  15. Why is Chrome showing a “Please Fill Out this Field” tooltip on empty fields?: https://stackoverflow.com/questions/5392882/why-is-chrome-showing-a-please-fill-out-this-field-tooltip-on-empty-fields
  16. How can I change or remove HTML5 form validation default error messages?: https://stackoverflow.com/questions/10361460/how-can-i-change-or-remove-html5-form-validation-default-error-messages
  17. HTML5 -- formnovalidate attribute to skip validation on individual fields in a FORM: https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-formnovalidate
  18. Form Validation –- Part 1 - Constraint Validation in HTML: https://css-tricks.com/form-validation-part-1-constraint-validation-html/
  19. Form Validation –- Part 2 - Form Validation Part 2: The Constraint Validation API (JavaScript) : https://css-tricks.com/form-validation-part-2-constraint-validation-api-javascript/
  20. Form Validation –- Part 3 - A Validity State API Polyfill: https://css-tricks.com/form-validation-part-3-validity-state-api-polyfill/
  21. Form Validation –- Part 4 - Validating the MailChimp Subscribe Form: https://css-tricks.com/form-validation-part-4-validating-mailchimp-subscribe-form/
  22. email_validation.js: https://gist.github.com/badsyntax/719800
  23. RegEx to fully validate RFC822 email addresses: http://instantbadger.blogspot.com/2006/08/regex-to-fully-validate-rfc822-email.html
  24. How to validate an email address using a regular expression?: https://stackoverflow.com/questions/201323/how-to-validate-an-email-address-using-a-regular-expression/1903368#1903368
  25. Form Validation UX in HTML and CSS: https://css-tricks.com/form-validation-ux-html-css/
  26. OWASP Validation Regex Repository: https://owasp.org/www-community/OWASP_Validation_Regex_Repository
  27. How to Quickly Add Validation Code to Swing UIs: https://dzone.com/articles/how-quickly-add-validation
  28. Simple Inline Form Validator with Pure Javascript: https://www.cssscript.com/simple-inline-form-validator-with-pure-javascript/
  29. Minimal HTML5 Form Validation Library – okjs: https://www.cssscript.com/minimal-html5-form-validation-library-okjs/
  30. A Simple HTML5 Form Validation: https://jsfiddle.net/girlie_mac/X6Uuc/
  31. Pure javascript HTML5 text type number range validation: https://stackoverflow.com/questions/33025240/pure-javascript-html-5-text-type-number-range-validation
  32. Quick Tip - Easy form validation with HTML5: https://tutorialzine.com/2014/12/quick-tip-easy-form-validation-with-html5
  33. A Simple HTML5 Form Validation: https://jsfiddle.net/girlie_mac/X6Uuc/
  34. HTML5 Form Validation: https://www.sitepoint.com/html5-form-validation/
  35. Using novalidate: https://jsfiddle.net/ianoxley/9C2JD/

See Also

Security | Validation | Email | PHP | JSP | Java | JS | Upload