There have been tens of thousands of jQuery plugins written for the jQuery library. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery. Donate $5 to cdnjs via Bountysource, Open Collective or Patreon, or contribute on GitHub to make cdnjs sustainable! Twitter Discourse. This method returns a jQuery object or a set of jQuery objects (depending on the selector used) and is chainable. Provides everything you need to build a Web app. For example (and IIRC the spec mentions this) a widget's controls (like a tree view) may have data attributes, but the data attributes may have been created using a specific library, such as jQuery or Dojo - so to avoid data attribute collisions the application module may want to namespace it. com I would like to implement a mask for a text input field which accepts a date. There was a time when the only way to fade an element or image was by using JavaScript/jQuery (see Creating a Mouseover Fade Effect with jQuery). LoadingOverlay(). js; Portuguese. Now that we have learned how to create a sprite animation on HTML5 canvas we can use the game loop and animation to create a game. Whether you decide to create your own forms, or use a form builder plugin, a mandatory feature to include, is form validation. After the user enters the prices in all the product. Learning jQuery Fourth Edition Karl Swedberg and Jonathan Chaffer jQuery in Action Bear Bibeault, Yehuda Katz, and Aurelio De Rosa jQuery Succinctly Cody Lindley. 오버플로 숨겨진 래퍼 div와 내부 div를 auto로 설정하여이 작업을 수행 할 수 있습니다. Since I have. Material Design for Bootstrap is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Alpha Release. Masking in the Browser with CSS and SVG. Today, we'll review. A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web. Free jQuery Plugins and Tutorials. "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. We've been publishing in our library some nice mask effects powered by SVG properties. jQuery needs to be trimmed because it’s not 2007 anymore and there are other libraries that are accomplishing many tasks jQuery doesn’t. phone-mask') porque a máscara não era atualizada, pois o unmask guarda em uma variável o seletor, e como eu deveria remascarar apenas o input atual então não funcionava, ou seja meu código que era:. There are lots of ways to perform validation on your html forms but nothing is easier than using jQuery's validation plug-in. Clarify the importance of the "X-Content-Type-Options: nosniff" header. Since the window doesn't have a style object the function fails miserably and produces JavaScript errors. If you are interested in contributing to Timepicker Addon please check it out on GitHub. These days we see a lot of parallax effects in web projects. Download JQuery from jquery. If you’ve done any work with a graphics editor, you likely know what clipping and masking are. 0 and up Animate. Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web. Foundation for Emails. How do I make the SVG image change color when hovering over the object tag it sits in? Or is there another way to do this. It asks the user to provide a string, integer and float input, and prints it. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. I've also added the script used to set the field type to 'tel', as well as the input length to 14, which matches the length of the mask:. Dec 21, 2012. Learning jQuery Fourth Edition Karl Swedberg and Jonathan Chaffer jQuery in Action Bear Bibeault, Yehuda Katz, and Aurelio De Rosa jQuery Succinctly Cody Lindley. mask("99-9999999"); In the above code, we passed a parameter to mask function to mask the input. Vanilla js with just < 200 lines of code (basically it's just adds/removes classes). Net TextBox. I’ve scoured the web to find the below demos of custom clipping masks & SVG/canvas masks. jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. NET MVC | Creating Custom Html Helper using Extension Method and Static Method approaches. If you try and enter letters the text-mask. Creating the Mask Image. Our jQuery Grid ships with multiple professionally designed themes. Overview of formatting numbers in JavaScript. A tooltip is a piece of text that appears when you move your mouse over something in a program. The mask shorthand also resets mask-border to its initial value. 5 KB skin + single SVG or PNG icons sprite. Lightbox Gallery uses jQuery, jQuery UI (for the drag and drop) and the fancybox jQuery plugin for lightbox display capability in addition to PHP and CSS for interactivity and styling. While creating form , we mostly require date field and if it is dynamic it gets more easy to select date. Showing the latest stable release for jQuery Color. Use an input mask to make the entry easy for the user. However when I try using a mask, it seems OK. But I didn’t. 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui. With the JTable class you can display tables of data, optionally allowing the user to edit the data. Like for background-image, it is possible to define multiple mask. See the Pen jQuery Input Masks by Chris Coyier (@chriscoyier) on CodePen. This article will focus on a couple of new HTML5 elements that facilitate the inputting of numeric data: the number and range input types. NET and Visual Studio 2008/2010. This post collects all my notes and references on jQuery Form validation library. jQuery Validation Plugin Made Easy Tutorial. As the name suggests, they were originally used for explaining what different tool icons represented. In this tutorial we'll be going through the first example (demo 1). com I would like to implement a mask for a text input field which accepts a date. This tutorial help to create a Beautiful layout of sign-in and signup form using bootstrap. Code licensed under an MIT-style License. jQuery form validation with Bootstrap: 4 examples The jQuery validate plug-in for HTML forms The form validation is generally required as using the web forms in your web pages. A tooltip is a piece of text that appears when you move your mouse over something in a program. Learn about Infragistics Ignite UI components & how they allow for the perfect user interface design software supporting JavaScript UI, jQuery, & Angular. I tried use mask CSS and create the shape with CSS to use overflow: hidden but nothing. Whether it's an image gallery. Recentemente tive um problema com o uso de diversos inputs na mesma tela, $('. To get detailed information on the entire set of jQuery UI widgets, visit the jQuery UI documentation. And to illustrate this, we have collected 15. jQuery Payment. FileUpload control. 11 and only 2 KB heavier than FancyBox. Stackoverflow. On the right, that mask applied to an in the HTML (which only seems to work in Firefox at the moment). jQuery has become one of the most central frameworks for JavaScript developers, as it greatly simplifies how to handle events, traverse HTML documents, invoke asynchronous calls, and initiate animated features in web pages. If you need special styles for IE10 or up you’ll have to find another method, since conditional comments were disabled in IE10. What we have for you today is a selection of robust, reliable and easy-to-use form validation jQuery plugins and libraries that will make your life a heck of a. Editing a Webpage in Google Chrome: What if I told you that you could edit any webpage or website on the internet right from your home computer without any special software or insane computer programming skills?. Assignment 3 - Form Validation with JavaScript. Selectors | jQuery API Documentation jQuery Selectors - w3schools. We've been publishing in our library some nice mask effects powered by SVG properties. Angular is a platform for building mobile and desktop web applications. In addition all datepicker options are still available through the timepicker addon. I need to get the checked value of the checkbox for a given row. You can't use DOM commands on jQuery objects directly, you have to get the first value of the object. The best validation library for JavaScript. The SQL WHERE clause is used to filter the results and apply conditions in a SELECT, INSERT, UPDATE, or DELETE statement. Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. I ended up fixing this issue by calling the mask function once the phone number field is in focus. This awesome jQuery plugin is developed by blueimp. We recommend instead using client-side templating or a data binding framework, or calling jQuery. It's used mainly to search for all matches with all groups. Posted on 6 de May de 2012 by Igor Escobar. Creating Simple Please Wait Dialog with Twitter Bootstrap Posted by Sergey Barskiy on 25 May 2013, 4:47 pm As I was working on my new web project, I decided to use Twitter Bootstrap as the foundation for my styling and components. Help keep this project alive. Creating the Mask Image. Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. For example: npm install --save-dev @types/jquery. Each example comes with an HTML. How do I put icons inside of input fields? I know how to use a placeholder for text, but how do people put things like a magnifying glass in a search field? My guess is an absolutely positioned image, but that doesn't make sense for responsive sites thanks in advance!. adsense ajaxFileUpload android Android Studio article C# Chinese New Year collection Injection DateEdit DigestUtils eclipse express vpn flutter flutter_webview_plugin google adsense HEX to RGB hibernate hostwinds html httpd 2. For instance move, scale and rotate the shapes. data("DateTimePicker"). In this tutorial, I am going to show you how to mask an image and clip the image. The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker and slider components (jQueryUI) are required for using any of these. identity]) source npm package. Learn about Infragistics Ignite UI components & how they allow for the perfect user interface design software supporting JavaScript UI, jQuery, & Angular. jQuery ; The tools will be loaded with maximum performance no matter where your user is located on the globe. hideShowPassword is a jQuery and Zepto plugin for… wait for it… hiding and showing passwords. Here 9 stands for an integer between 0-9. jQuery form validation with Bootstrap: 4 examples The jQuery validate plug-in for HTML forms The form validation is generally required as using the web forms in your web pages. Options set in HTML must be valid JSON. For example (and IIRC the spec mentions this) a widget’s controls (like a tree view) may have data attributes, but the data attributes may have been created using a specific library, such as jQuery or Dojo – so to avoid data attribute collisions the application module may want to namespace it. Using selectionStart, selectionEnd, setSelectionRange in jQuery example. css is used for twitter bootstrap v3 support and bootstrap-datepicker. LESS ThemeBuilder. This extension hosts a collection of common jQuery code snippets for use in Visual Studio 2012-2019. What about validating it? No comment. I’ve scoured the web to find the below demos of custom clipping masks & SVG/canvas masks. Set text box to display text as password in Access When you create a log in form, you actually don't want someone understanding your password. Try Ignite today. Since I have. Security is not an issue, so I am not concerned about view source. This can be useful for date s, numerics, phone numbers, etc. Each card issuer has its own range of card numbers, identified by the first 4 digits. Conditional comments are the best way to add this CSS, since the system is explicitly designed for this use case. Together with clipping, masking is another way of defining visibility and composite with an element. By using jQuery date format in forms, we will be able to change the format of the date by selecting any one from the given formats. JQuery, Angular, React and Vue versions. I discovered how to create circular images using CSS3 the other day and thought it was totally awesome. Call a local script on the server /api/getWeather with the query parameter zipcode=97201 and replace the element #weather-temp's html with the returned text. Creating the Mask Image. Email Validation Using jQuery Codes. Here Mudassar Ahmed Khan has explained, how to change TextBox Background color on Focus CSS and without any JavaScript or jQuery i. by Neeraj Agarwal. JQuery templates are used to bind the JSON formatted data collection onto the HTML containers on a web page in an easy and effective manner. Beautiful jQuery Charts & Graphs Visualize and analyze data with ever-expanding 30+ charts and graphs ranging from line to financial charts. How to Dynamically Resize an iFrame at Learning jQuery. Stackoverflow. With a few simple regular expressions, you can easily verify whether your customer entered a valid credit card number on your order form. Assignment 3 - Form Validation with JavaScript. Parsley is now smarter, it automatically detects your forms' modifications and adapts its validation accordingly. One of the wish list items a few people mentioned was “CSS blend modes” with a use case of tinting an image on hover (or tinting it statically, then removing the tint on hover or by some other interaction). Created in 2006 by John Resig, the jQuery library is now the most popular JavaScript library on the web. https://www. Demo Default behavior in pt-BR, picks date/time with fast masked input typing (need only to type the numbers, the static part of the mask is inserted automatically if missing) or via the popup widget, which supports year, month, day, hour and minute views:. The idea is that this extends jQuery so you can. With CSS, you can use clipping and add animation to text to spice things up a little. This SQL tutorial explains how to use the SQL WHERE clause with syntax and examples. DataTables is a plug-in for the jQuery Javascript library. jQuery needs to be trimmed because it’s not 2007 anymore and there are other libraries that are accomplishing many tasks jQuery doesn’t. identity]) source npm package. If you want to do web development, you need to put learning jQuery on your to-do list. js script into your document. Interact and explore charts with features such as zoom and pan, selection, tooltip, trackball, and data label and markers. jQuery Forum Move this topic Forum : Getting Started Using jQuery Using jQuery Plugins Using jQuery UI Developing jQuery Core Developing jQuery Plugins Developing jQuery UI QUnit and Testing About the jQuery Forum jQuery Conferences jQuery Mobile Developing jQuery Mobile. Parallax Scrolling Effect With CSS & jQuery In this tutorial you will learn how to create a parallax scrolling effect using CSS & jQuery. If you need special styles for IE10 or up you’ll have to find another method, since conditional comments were disabled in IE10. Where recognized, an input type with an attribute of "number" is rendered. css can be used to include the datepicker without depending on the twitter bootstrap. identity]) source npm package. phone-mask') porque a máscara não era atualizada, pois o unmask guarda em uma variável o seletor, e como eu deveria remascarar apenas o input atual então não funcionava, ou seja meu código que era:. Whether you decide to create your own forms, or use a form builder plugin, a mandatory feature to include, is form validation. Being a tested and proven library guarantees it. I don't have any UX research to cite, but anecdotally, I like it when inputs that expect data in a specific format use an input mask. adsense ajaxFileUpload android Android Studio article C# Chinese New Year collection Injection DateEdit DigestUtils eclipse express vpn flutter flutter_webview_plugin google adsense HEX to RGB hibernate hostwinds html httpd 2. In the below HTML Markup I have placed HTML INPUT TextBox, Password field and TextArea to capture the user input. js is a super simple jQuery plugin to create an input mask for credit card that only accepts 16 credit card numbers. I’ve scoured the web to find the below demos of custom clipping masks & SVG/canvas masks. Override defaults with $. A JavaScript toolkit that saves you time and scales with your development process. https://www. The appearance of search results in the dropdown can be customized by using the templateResult option:. JQuery templates are used to bind the JSON formatted data collection onto the HTML containers on a web page in an easy and effective manner. jQuery Payment is a useful and simple jQuery plugin for E-commerce websites to format and validate credit card form input field. For instance, the code snippet below shows an field of type "reset", which on being clicked resets all the form fields:. Event Handler : Description : Example : onMouseOver: onMouseOver is invoked when a mouse is moved over the text field. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. The mask specifies the placeholders for input with spaces, and separators as non-spaces. identity]) source npm package. This article will teach you how to validate fields in an HTML contact form using jQuery and JavaScript. Learn to use the features of HTML 5 and Javascript to create input forms with validation. Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. 5 KB skin + single SVG or PNG icons sprite. See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead. js; Jquery-ui. difference except that it accepts iteratee which is invoked for each element of array and values to generate the criterion by which they're compared. css can be used to include the datepicker without depending on the twitter bootstrap. net text box in the page i want to mask the textbox for accepting date in dd/MM/yyyy format using javascript using the maskedit control in jax i am ble to do it at design time but not. See a demo!. The validating phone number is an important point while validating an HTML form. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. It supports searching, remote data sets, and pagination (infinite scrolling) of results. Masks With jQuery Mask Plugin. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript. How do I query documents, query top level fields, perform equality match, query with query operators, specify compound query conditions. Everywhere the mask is opaque, or solid, the underlying image shows through. Learning jQuery Fourth Edition Karl Swedberg and Jonathan Chaffer jQuery in Action Bear Bibeault, Yehuda Katz, and Aurelio De Rosa jQuery Succinctly Cody Lindley. An input mask helps the user with the input by ensuring a predefined format. About Bootstrap. It supports most International numeric formats and currency signs including those used in Europe, North and South America, Afirica, Asia and India (lakhs**). Above and Beyond. Somebody asked me this today on a support call so I did a few quick lookups online and found the solutions listed rather unsatisfying. jQuery needs to be trimmed because it’s not 2007 anymore and there are other libraries that are accomplishing many tasks jQuery doesn’t. I want to have a hover effect on an SVG, which has some transparent parts, which are not responsive to mouseover, when I style it inside the SVG file. Form validation is the process of testing each field value on your form, against expected results. A jQuery Plugin to make masks on form fields and HTML elements. Clarify the importance of the "X-Content-Type-Options: nosniff" header. Of course, the example above barely touches on what you can do with jQuery UI. Basic Usage: Import input-mask. NET Subscription have been engineered so you can deliver functional, elegant and interactive experiences for the web, regardless of the target browser or computing. Conditional comments are the best way to add this CSS, since the system is explicitly designed for this use case. open (URL, windowName[, windowFeatures]) where the optional third parameter is a list of window features, which includes control over the address bar. Recentemente tive um problema com o uso de diversos inputs na mesma tela, $('. LoadingOverlay() and $(selector). The validating phone number is an important point while validating an HTML form. If one writes something in the field that does not fit with this must be removed continuously. After the user enters the prices in all the product. For example, the mask can allow either all digits or all alphanumerics, but you can't constrain one character to be a digit while letting other characters accept alphanumerics. This post looks at how to add a new option to a select with jQuery. gif and auto apply fancyBox to them. Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement jQuery UI DatePicker Calendar with ASP. This plugin adheres to the conventions set forth by Bootstrap's core jQuery plugins, so be sure to check those out to get a better understanding of the goals and design of this plugin. Conditional comments work as follows:. Demo Default behavior in pt-BR, picks date/time with fast masked input typing (need only to type the numbers, the static part of the mask is inserted automatically if missing) or via the popup widget, which supports year, month, day, hour and minute views:. See a demo!. jQuery Ajax教程. It is a library for building common interface features such as progress bars, tabs, tooltips, and accordion menus. Site Templates (Page 1 of 44). Scrollable areas on webpages has become increasingly popular after being used by some leading design communities on the internet. In this second and final part of the series, we'll look at the new input types available in HTML5. Set to false to use only other events for validation. Each example comes with an HTML. Using a library to do form validation can save lots of your development time. If you do make. Code licensed under an MIT-style License. In this quick tutorial we will show you how to create a simple credit card form. Foundation for Emails helps navigate the how different email clients handle HTML and provide tested patterns that work with Outlook as well as all the other major email clients. Kendo UI for jQuery forums are part of the free support you can get from the community and from the Kendo UI for jQuery team on all kinds of general issues. Masking in the Browser with CSS and SVG. com on their phone, you’ll need a way to redirect them to m. jQuery: The Write Less, Do More, JavaScript Library. I made this page to collect different types of masks and to test how browsers support them. Documentation licensed under CC BY 4. Learn more about using jQWidgets with Angular. modal-content div. Where recognized, an input type with an attribute of "number" is rendered. Learn to use the features of HTML 5 and Javascript to create input forms with validation. Change date format with jQuery UI DatePicker. What did I do wrong? I am new to jquery. The page should also load as. This plugin adheres to the conventions set forth by Bootstrap's core jQuery plugins, so be sure to check those out to get a better understanding of the goals and design of this plugin. The code above works properly to set the default mask, but no matter what I try on the click event for the InternationalOfficePhone it doesn't remove the mask. phone-mask') porque a máscara não era atualizada, pois o unmask guarda em uma variável o seletor, e como eu deveria remascarar apenas o input atual então não funcionava, ou seja meu código que era:. If you are interested in contributing to Timepicker Addon please check it out on GitHub. jQuery Form validation library is the most popular validation library. For example, a simple client side validation includes verifying that the. It is possible to transform the shapes created in an SVG image. NET and Visual Studio 2008/2010. Angular is a platform for building mobile and desktop web applications. The mask-image property references one or more mask references (can be CSS images and/or SVG mask elements). jQuery Color 2. JQuery templates are used to bind the JSON formatted data collection onto the HTML containers on a web page in an easy and effective manner. In this tutorial, I am going to show you how to mask an image and clip the image. Conditional comments are the best way to add this CSS, since the system is explicitly designed for this use case. You can do some amazing things with SVG masks. In this page, we have discussed how to validate a credit card number (in a different format) using JavaScript. Examples might be simplified to improve reading and basic understanding. jQuery form validation with Bootstrap: 4 examples The jQuery validate plug-in for HTML forms The form validation is generally required as using the web forms in your web pages. Lightweight Footprint. Dynamic data masking is available in SQL Server 2016 (13. The argument can be of any type. The SQL WHERE clause is used to filter the results and apply conditions in a SELECT, INSERT, UPDATE, or DELETE statement. 0 (from a physical paper book) in 1995 before most anyone had heard of css or it was even a standard, and I still use nobr for everything from phone numbers, as mentioned, to making sure the last line of a dynamically sizable paragraph always contains at least 2 words for proper appearances sake. w3cschool极客教程提供国内专业的web前端开发编程入门教程及技术手册。提供编程入门教程类型中热门的编程语言合集及对应的. Styling a html file upload button in pure css could be cumbersome if you've ever tried. Together with clipping, masking is another way of defining visibility and composite with an element. Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. Masks on any HTML element (no need to server-side mask anymore!)!. Two words that send shivers down any developers back. Add a new option to a select with jQuery Posted in Javascript - Last updated Feb. DataTables Table plug-in for jQuery Advanced tables, instantly. css can be used to include the datepicker without depending on the twitter bootstrap. Documentation licensed under CC BY 4. These amazing jQuery and CSS3 page transitions effects tutorials will help you in improving the pages by applying beautiful transition effects. Conditional comments work as follows:. This problem/solution approach will show you how I automatically formatted currency form fields using a small bit of jQuery and JavaScript, improving form usability while standardizing form submissions. Whether you decide to create your own forms, or use a form builder plugin, a mandatory feature to include, is form validation. DA: 73 PA:. This technique has been around for years but only recently made its way into mainstream web development. For example: npm install --save-dev @types/jquery. Working Example. DataAnnotations;. "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. Interactive Dojo. js page where the field content is hidden/masked with special characters eg: *. link Visual Customization: Designing a jQuery UI Theme. Understanding 2 simple ways to create Custom Html Helpers in ASP. Mask is a jQuery form plugin for auto-formatting input field values users input by using preset formats. How do I make the SVG image change color when hovering over the object tag it sits in? Or is there another way to do this. jquery jquery-plugins maskedtextbox data-masking. If you need to do some client side validation, the bassistance. In MySQL, SQL patterns are case-insensitive by default. Parsley is now smarter, it automatically detects your forms' modifications and adapts its validation accordingly. PhpFiddle provides in-browser IDE and online server for PHP/MySQL and HTML/CSS/JavaScript coding online. com stats helper monkeys prepared a 2012 annual report for this blog. It is both featherweight and feature-rich. I'm a big fan of the oAuth and I wrote PHP class for light-weight oAuth authentication. Quickly find your Bootstrap classes on this interactive Bootstrap cheat sheet. We have seen the first two dimensions in previous lessons. This is a growing trend now in website design with many single page websites using this technique to create interesting and interactive websites. Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser [1]. These examples show just how far you can push masks on. jQuery: The Write Less, Do More, JavaScript Library. More modern references I've found only mention masks as being defined in SVG and referenced in CSS by ID or URL. However, it took me a little while to figure it out. jQuery Script - Free. jQuery Payment. The SQL WHERE clause is used to filter the results and apply conditions in a SELECT, INSERT, UPDATE, or DELETE statement. Everywhere the mask is opaque, or solid, the underlying image shows through. Masks with jQuery Mask Plugin; Using jQuery Mask Plugin With Zepto. Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. Demo Default behavior in pt-BR, picks date/time with fast masked input typing (need only to type the numbers, the static part of the mask is inserted automatically if missing) or via the popup widget, which supports year, month, day, hour and minute views:. mask("99-9999999"); In the above code, we passed a parameter to mask function to mask the input. gif and auto apply fancyBox to them. Overview; Intro to jQuery Mobile; Features; Accessibility; Supported platforms; API. Formatting Using Blur (Lost Focus) Code