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

Groups > comp.lang.javascript > #23847

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

Show all headers | View raw

Andreas Bergmaier wrote:

> 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.

The form is prevented from being submitted when the control has a value that 
does not comply with the specification of “valid e-mail address” in HTML5 
[1], which is a different thing than an invalid e-mail address.

I am not sure it is a bad idea to disable the submit button if the value is 
not considered appropriate; it certainly is better to do that if a custom 
message should be shown on input already, as it prevents user errors.

>> 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.

Insufficient, unfortunately.  “x@y” passes the built-in validation [1], but
e-mails to that "address" cannot reasonably be delivered.  The roundtrip 
should be avoided by rejecting such values on the client side already.

Also, one must consider the possibility that the “email” value for the 
“type” attribute is unsupported.

_________
[1] <http://www.w3.org/TR/2014/CR-html5-20140204/forms.html#valid-e-mail-address>
-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

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