<div>
Have a look at this fiddle. It's jQuery. Hope that's okay.<br />
<br />
<a href="http://jsfiddle.net/g0raydae/" rel="ugc">http://jsfiddle.net/g0raydae/</a>
</div>


Have a look at this fiddle. It's jQuery. Hope that's okay.

http://jsfiddle.net/g0raydae/ [http://jsfiddle.net/g0raydae/]

<div>
Oh, I know about jQuery or using javascript in a function.<br />
<br />
I was wondering if the pattern could be checked before calling the function? &nbsp;<br />
<br />
There is something missing in my understand of the html5 Pattern
</div>


Oh, I know about jQuery or using javascript in a function.

I was wondering if the pattern could be checked before calling the function?  

There is something missing in my understand of the html5 Pattern

<div>
so why cant i just do the regular expression in javascript.?
</div>


so why cant i just do the regular expression in javascript.?

<div>
You always have the option of using regular expression in JavaScript. The point of using pattern is to avoid using JavaScript. It will work even if the user has JavaScript turned off. But it triggers on submit, not on blur.<br />
<br />
Thanks for the points.
</div>


You always have the option of using regular expression in JavaScript. The point of using pattern is to avoid using JavaScript. It will work even if the user has JavaScript turned off. But it triggers on submit, not on blur.

Thanks for the points.

<div>
<div class="content wysiwyg-content">
&lt;input type=&quot;text&quot; name=&quot;country_code&quot; pattern=&quot;[A-Za-z]{3}&quot; title=&quot;Three letter country code&quot;&gt;<br />
<br />
<br />
onmouseleave=showHint(this<wbr />.value)<br />
<br />
It appears that the event gets fired first before the pattern is tested. &nbsp;It does check the pattern on form submit. &nbsp;I however want it to test the pattern before firing the event on onmouseleeave, showHint.<br />
<br />
How do we check for pattern before firing an event function?
</div>
</div>


<input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">


onmouseleave=showHint(this.value)

It appears that the event gets fired first before the pattern is tested.  It does check the pattern on form submit.  I however want it to test the pattern before firing the event on onmouseleeave, showHint.

How do we check for pattern before firing an event function?

How to check for Pattern if you have an event such as on

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.