Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.lang.javascript > #23842

Re: Check an input field type='email' has validated successfully

From Andreas Bergmaier <andber93@web.de>
Newsgroups comp.lang.javascript
Subject Re: Check an input field type='email' has validated successfully
Date 2014-04-11 01:29 +0200
Organization albasani.net
Message-ID <li79gr$g01$1@news.albasani.net> (permalink)
References <d72788d9-2a59-4d3a-b5d2-24aebc9abbec@googlegroups.com>

Show all headers | View raw


anthony.glazebrook@gmail.com schrieb:
> I have an input form including an HTML5 <input type="email"> field.
>
> When the user arrives at the page, the 'submit' button is disabled.
 > When they have entered the information correctly, I'd like to enable
 > the 'submit' button.

Why that? The browser automatically prevents the form from submitting 
when the user tries but has entered an invalid email address. Even an 
appropriate, localised error message is shown.

> Is there any way to check the input field has correctly validated
 > without re-checking using a regular expression?

Yes. Just get the validity state of the input:

  !myInput.validity.valid
  // or explicitly checking for email format (in case of multiple
  // constraints):
  myInput.validity.typeMismatch

See 
http://dev.w3.org/html5/spec-preview/constraints.html#the-constraint-validation-api 
for details.

Regards,
  Bergi

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread


Thread

Check an input field type='email' has validated successfully anthony.glazebrook@gmail.com - 2014-04-10 10:29 -0700
  Re: Check an input field type='email' has validated successfully "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-04-10 20:24 +0200
  Re: Check an input field type='email' has validated successfully Denis McMahon <denismfmcmahon@gmail.com> - 2014-04-10 20:49 +0000
    Re: Check an input field type='email' has validated successfully Jukka Lahtinen <jtfjdehf@hotmail.com.invalid> - 2014-04-11 18:37 +0300
      Re: Check an input field type='email' has validated successfully Christoph Michael Becker <cmbecker69@arcor.de> - 2014-04-11 18:12 +0200
      Re: Check an input field type='email' has validated successfully Denis McMahon <denismfmcmahon@gmail.com> - 2014-04-11 22:51 +0000
  Re: Check an input field type='email' has validated successfully Andreas Bergmaier <andber93@web.de> - 2014-04-11 01:29 +0200
    Re: Check an input field type='email' has validated successfully "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-04-11 09:01 +0200
    Re: Check an input field type='email' has validated successfully Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-04-11 11:02 +0200
      Re: Check an input field type='email' has validated successfully Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-04-11 11:48 +0200

csiph-web