Path: csiph.com!usenet.pasdenom.info!weretis.net!feeder1.news.weretis.net!news.solani.org!.POSTED!not-for-mail
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups: comp.lang.javascript
Subject: Re: Check an input field type='email' has validated successfully
Date: Fri, 11 Apr 2014 11:48:51 +0200
Organization: PointedEars Software (PES)
Lines: 52
Message-ID: <1949669.aXUkAznjZj@PointedEars.de>
References: <d72788d9-2a59-4d3a-b5d2-24aebc9abbec@googlegroups.com> <li79gr$g01$1@news.albasani.net> <2002409.zbJuNWrYZW@PointedEars.de>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8Bit
X-Trace: solani.org 1397209736 6868 eJwFwYEBwDAEBMCVBI+Okxf2H6F3sDjR6YFwLHbeETIfV43vanF6dLsI05I0oQenGrhfV/0/QBHr (11 Apr 2014 09:48:56 GMT)
X-Complaints-To: abuse@news.solani.org
NNTP-Posting-Date: Fri, 11 Apr 2014 09:48:56 +0000 (UTC)
User-Agent: KNode/4.11.5
X-User-ID: eJwNxsERwDAIA7CVoBiDx8mRsv8IrV7KoHMKTCI31xSPrnG9Oyn6XFhYxfu/8BydAqJNM1Btew86JV10yD4KwBNW
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Cancel-Lock: sha1:GCGv+LchHwbUyjxGqrLZLRtTw2M=
X-NNTP-Posting-Host: eJwFwQkRwEAIBDBLcMAyK6d8/iU0CYOi0xHwuLjSGc4lTbhM4zP0LPLWReaTajrQlU9e6PwiMxEK
Xref: csiph.com comp.lang.javascript:23848

Thomas 'PointedEars' Lahn wrote:

> Andreas Bergmaier wrote: 
>> anthony.glazebrook@gmail.com schrieb:
>>> 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.

You can use the “pattern” attribute to specify a syntax for e-mail addresses 
that is more strict [2], for example:

  <input name="email" type="email" pattern="^\s*\w@\w+\.\w+\s*$">

You can also use the mentioned Constraint Validation API with the “oninput” 
attribute (or another event-handler attribute) to validate the input while 
it is typed.  For example, it is possible to retrieve the built-in message 
that would be shown on validation, and to set a custom message.

I also note an “invalid” event that can be fired at the element without 
informing the user at first.

Presumably, this can be combined with traditional approaches for user agents 
that do not support this HTML5 feature.

> _________
> [1]
> [<http://www.w3.org/TR/2014/CR-html5-20140204/forms.html#valid-e-mail-address>

[2] <http://www.w3.org/TR/2014/CR-html5-20140204/forms.html#the-pattern-attribute>
-- 
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.