Bernadette Engleman
JavaScript Web Developer
Skip to content
  • HTML/CSS
    • HTML Basic
    • HTML5
    • HTML / CSS Syntax
    • CSS Reference
    • CSS Font
    • CSS Designs
    • CSS Effects
    • CSS Image
    • Navigation Menu
    • Hover Effects
    • Center Elements
    • Sticky Section
    • Mobile-First
    • HTML Emails
  • Bootstrap
    • Basic Designs
    • Misc Designs
    • Rows
    • Basic Bootstrap Template
  • JavaScript
    • JavaScript Reference
    • Content
    • Numbers
    • Array
    • Time
    • Counter
    • Random
    • Form
    • Class
    • Object
    • Check
    • Change Element
    • Regular Expressions
    • Examples
    • Best Practices
    • ES6
  • jQuery
    • jQuery Reference
    • jQuery Plugins
    • Content
    • Array
    • Setting
    • Image
    • Form
    • jQuery CSS Styling
    • jQuery Ajax
    • Promises
  • AngularJS
    • Content
    • Form
    • Arrays
    • Object
    • CSS Class
    • Filters
    • Services
    • Module & Controller
    • Initialize Variable
    • SQL
  • React
    • Basic React
    • Nesting Component
    • Component State
    • Props
    • PropTypes
    • Array
    • Form
    • Router
    • Life Cycle Methods
    • Ajax Requests
    • React App
    • Webpack
  • MongoDB
    • Setup
    • Basic
    • Save Data
    • Mocha
  • Node.js
    • Serving HTML & JSON
    • Module
    • Event Emitter
    • Files
    • Directories
    • Server
    • Streams
    • Routing
    • Express
    • REST API
  • Java
    • Start
    • Basic
    • Variables
    • Examples
    • Debugging
  • PHP
    • Basic
    • Array
  • JSON
    • Access JSON
    • Display JSON array
    • Modify or Set Data
      • Convert JSON content into JavaScript
  • Others
    • IE8 Browser
    • IE8 Event Listener
    • Find Mac Chrome Developer Tools
← Array
Basic →

Form

Posted on April 3, 2016 by bernadetteengleman

Display the Selected Form Value: .value

Check / Validate Form Data: if-else

Form Validation: example

Validate Numeric Input: example

Validation DOM Methods: checkValidity()

Reset a Form: example

Select multiple options in a dropdown list: example

Disable and enable a dropdown list: example

Share this:

  • Twitter
  • Facebook

Like this:

Like Loading...

Related

About bernadetteengleman

Hello, I am Bernadette from New York City. I moved here from Chicago in 2013. I am originally from the Philippines. I started studying web programming in 2015. I love it because I like making fun websites and web apps. The projects that I built so far are posted below. I like to cook and I love to travel. I also like to volunteer and I am a team leader with the non-profit organization, NYCares.
View all posts by bernadetteengleman →
This entry was posted in JavaScript and tagged display form value, form, form value, post form, post submitted form. Bookmark the permalink.
← Array
Basic →
  • Info

    • About Me
    • Contact
  • FInd Me On:

    Portfolio Website     Github     LinkedIn
  • Contents

    • HTML/CSS
      • HTML Basic
      • HTML5
      • HTML / CSS Syntax
      • CSS Reference
      • CSS Font
      • CSS Designs
      • CSS Effects
      • CSS Image
      • Navigation Menu
      • Hover Effects
      • Center Elements
      • Sticky Section
      • Mobile-First
      • HTML Emails
    • Bootstrap
      • Basic Designs
      • Misc Designs
      • Rows
      • Basic Bootstrap Template
    • JavaScript
      • JavaScript Reference
      • Content
      • Numbers
      • Array
      • Time
      • Counter
      • Random
      • Form
      • Class
      • Object
      • Check
      • Change Element
      • Regular Expressions
      • Examples
      • Best Practices
      • ES6
    • jQuery
      • jQuery Reference
      • jQuery Plugins
      • Content
      • Array
      • Setting
      • Image
      • Form
      • jQuery CSS Styling
      • jQuery Ajax
      • Promises
    • AngularJS
      • Content
      • Form
      • Arrays
      • Object
      • CSS Class
      • Filters
      • Services
      • Module & Controller
      • Initialize Variable
      • SQL
    • React
      • Basic React
      • Nesting Component
      • Component State
      • Props
      • PropTypes
      • Array
      • Form
      • Router
      • Life Cycle Methods
      • Ajax Requests
      • React App
      • Webpack
    • MongoDB
      • Setup
      • Basic
      • Save Data
      • Mocha
    • Node.js
      • Serving HTML & JSON
      • Module
      • Event Emitter
      • Files
      • Directories
      • Server
      • Streams
      • Routing
      • Express
      • REST API
    • Java
      • Start
      • Basic
      • Variables
      • Examples
      • Debugging
    • PHP
      • Basic
      • Array
    • JSON
      • Access JSON
      • Display JSON array
      • Modify or Set Data
        • Convert JSON content into JavaScript
    • Others
      • IE8 Browser
      • IE8 Event Listener
      • Find Mac Chrome Developer Tools
  • Recent Posts

    • QA Galen Test
    • Cheat Sheet
    • AngularJS Reviewer
    • JavaScript Reviewer
    • jQuery Reviewer
    • Bootstrap Reviewer
    • CSS3 Reviewer
    • HTML5 Reviewer
    • Background
    • REST API
  • Archives

Bernadette Engleman
Create a free website or blog at WordPress.com.
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy
%d bloggers like this: