Skip to main content

JavaScript to validate Price input into a TextBox

Image
By

Guys, first time in my life I am writing JavaScript for one of my project. I need a client side validation for an input into asp:TextBox.

I wrote a JavaScript function that would, actually, take whole element as object and use a regex to match the input with a pattern.

I learned that we don’t need to create an object of a RegEx() as we do in C#.

A “var” variable has “match” function that will use regex pattern to match the input.

Below is the javascript function that I wrote to validate my input.

 

<script language="javascript">

    function validatePrice(textBoxId) {

        var textVal = textBoxId.value;

        var regex = /^(\$|)([1-9]\d{0,2}(\,\d{3})*|([1-9]\d*))(\.\d{2})?$/;

        var passed = textVal.match(regex);

        if (passed == null) {

            alert("Enter price only. For example: 523.36 or $523.36");

            textBoxId.Value = "";

        }

    }

</script>

 

 

I wanted to fire the validation after I lost a focus on text box. To achieve this I did Google and went through all Form, Window etc type of event described at http://www.w3schools.com/tags/ref_eventattributes.asp . I used “onblur” event which is as same as OnLostFocus() in most of the WinForm controls.

 

<asp:TextBox ID="TextBox19" runat="server" Visible="False" Width="183px"

      onblur="javascript:return validatePrice(this);"></asp:TextBox>

 

 

This is my first javascript function. There may be best chance to improvise it. Please post your comments with changes.

Thanks & Enjoy!

DISCLAIMER ========== This e-mail may contain privileged and confidential information which is the property of Persistent Systems Ltd. It is intended only for the use of the individual or entity to which it is addressed. If you are not the intended recipient, you are not authorized to read, retain, copy, print, distribute or use this message. If you have received this communication in error, please notify the sender and delete all copies of this message. Persistent Systems Ltd. does not accept any liability for virus infected mails.

Comments

Post a Comment

Popular posts from this blog

WPF-MVVM: RelayCommand Implementation

By
In WPF if we are implementing MVVM pattern then we need to play with Command rather than Events. You can use ICommand interface to create each command class. Implementation of ICommand in a class gives you CanExecute(), Execute() methods which take part in the action performed by Command.   Rather than making Command Class for each Command we can implement a generic Relay Command to get Command. Below is a RelayCommand class that we will implement.   ///   <summary>      ///  To register commands in MMVM pattern      ///   </summary>      class   RelayCommands  :  ICommand     {          readonly   Action < object > _execute;          readonly   Predicate < object > _canExecute;  ...
Post a Comment
Read more

Install node.js using NVM and Homebrew on Mac OS X

By
Reference:http://dev.topheman.com/install-nvm-with-homebrew-to-use-multiple-versions-of-node-and-iojs-easily/ Less than a month ago,  iojs  was released (multiple releases followed) and 6 days ago, the v0.12.0 of  node  was released. I still had the same v0.10.x (can’t remember the patch 🙂 ) of node on my computer I installed a few months ago … As a nodejs developer, I decided it was time  to get rid of my old version  and switch to  nvm  so that I could test my projects (websites and node modules) on different engines and versions – moreover not to be stuck in the case some module should only work on one or an other … This post is more a reminder for future me when I’ll make the install again, though it could help some people. First, you’ll need  Homebrew . If you’re a MacPorts user (or a Linux user), I assume it’s nearly the same, you may even have your own way which is faster and better, no need to troll 😉 – for Windows us...
Post a Comment
Read more

Foursquare Introduces ‘Super-Specific’ Search And Filter Options For iOS And Android To Help You Find New Venues

By
As  Foursquare evolves , it wants to help you find either new places to check out or lead you to places where your friends have already been. Mixed in with that is recommendation technology to show you places that you might be interested in based on where you’ve been before. Today, Foursquare updated its  iOS  and  Android  apps with an  advanced search option that lets you control how the service seeks out new venues  for you. In its blog post today, Foursquare “dares” you to get “super specific” with your searches. Basically, the company is saying that they have enough data to find any place that you could imagine. One of the example searches is: “A cheap sushi place that’s nearby and open now, but that I haven’t been to yet.” Again, this is a search performed based on all of the data that Foursquare has collected over the years, but its first move into a more conversational search experience. Companies like Google are jumping on this bandwago...
Post a Comment
Read more