Allow Numbers After Decimal And Before In Jquery

-
Example: In this function it will takes 10 digits before decimal and after decimal it will takes 8 digits.

Lets see how it is possible in Javascript, if you want to change it in Jquery also

Please follow these steps:

1. Create a textbox with the name of txtDecimal and add a event with the name of onkeypress to that textbox and give maxlength of that textbox. See below.
<asp:TextBox ID="txtDecimal" runat="server" MaxLength="20" onkeypress="return CheckNumber(event,this.value)"></asp:TextBox>
2. Create a Javascript function with the name of CheckNumber in aspx page.

<script type="text/javascript">

         function CheckNumber(key, value) {
            var dot= /[.]/g;
            var whitespace = /^\S+$/;
            var Minus = /[-]/g;
            var keyCode = key.keyCode == 0 ? key.charCode : key.keyCode;
            var ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode == 45) || (keyCode == 46));
            if (ret == true) {
                if (keyCode != 8) {
                    var Strlength = value.length;
                    var StrValue = value;
                    if (keyCode == 46) {
                        if (value.indexOf('.') > -1) {
                            return false;
                        }
                    }
                    else if (keyCode == 45) {
                        if (value.indexOf('-') > -1) {
                            return false;
                        }
                    }
                    else {
            //  Here it will take upto 10 digits before decimal and after decimal it will take 8 digits.

                         var str = [10, 8];

                         if (value.indexOf('.') > -1) {

                             if (str[0] != "") {
                                var length = value.substr(value.indexOf('.') + 1).length;
                                if (length >= str[1]) {
                                    return false;
                                }
                            }
                        }
                        if (!StrValue.match(dot)) {
                            var strHypen = StrValue.replace("-", "");
                            var strHypenLength = strHypen.length;
                            if (str[0] != "") {

         //Here I am taken maxlength of textbox is 20 for my requirement, whatever your requirement you have to change.

                                 if (strHypenLength > 20 - str[1] - 3) {
                                    if (Strlength > 20 - str[1] - 3) {
                                        return false;
                                    }
                                }
                            }

                         }
                    }
                }
            }
            else {
                return ret;
            }
        }
     
    </script>

Result: Actually it will accept only numbers and one dot(.) and one (-) symbol.

Here it is output.

 5 digits before decimal and after


 10 digits before decimal and after 8 digits


 8 digits before decimal and after 6 digits with accepting minus (-) symbol.


 8 digits before decimal and after 8 digits with accepting minus (-) symbol.

 10 digits before decimal and after 8 digits with accepting minus (-) symbol.


Hope it will help you guys..!!!!!!!!!!

Comments

Post a Comment

Popular posts from this blog

Send API POST Request in MS SQL Server

-
To send an API POST request in MS SQL Server using multipart/form-data, you can use the following T-SQL code: Example of content type : multipart/form-data SQL DECLARE @url VARCHAR(200) = 'https://example.com/api'; DECLARE @boundary VARCHAR(50) = '---------------------------' + CAST(NEWID() AS VARCHAR(36)); DECLARE @param1Name VARCHAR(50) = 'name'; DECLARE @param1Value VARCHAR(50) = 'John Doe'; DECLARE @param2Name VARCHAR(50) = 'email'; DECLARE @param2Value VARCHAR(50) = 'johndoe@example.com'; DECLARE @param3Name VARCHAR(50) = 'file'; DECLARE @param3Value VARBINARY(MAX) = (SELECT BulkColumn FROM OPENROWSET(BULK 'C:\path\to\file.txt', SINGLE_BLOB) AS x); DECLARE @param4Name VARCHAR(50) = 'description'; DECLARE @param4Value VARCHAR(200) = 'This is a sample file'; DECLARE @formData NVARCHAR(MAX) = N'--' + @boundary + CHAR(13) + CHAR(10) + ...
Read more

Create Custom Form Control for ng-select in Angular

-
Image
How to Create Custom Form Control in Angular  Why we create custom form control ? Normally, we used to create custom form control for re-usability.  The best advantage is that to add common functionality and features in this custom form control and extend the functionality as per our need and requirement.  And we can use everywhere into the application. But this example will tell you how to create custom form control to extend the functionality of  angular ng-select component.  We are adding a feature for this control, multi selection along with checkbox. Before that, we need to know what is the basic syntax of creating custom form control in angular. So, we start by implementing the ControlValueAccessor interface from @angular/forms into the component. This interface has three functions that need to be implemented and one optional functional. writeValue(obj: any): void { } registerOnChange(fn: any): void ...
Read more

Tightly Coupled and Loosely Coupled in .NET Core with example

-
In .NET Core, tight coupling and loose coupling refer to the way software components are designed and connected to each other. Tight coupling in .NET Core means that two or more software components are highly dependent on each other, making it difficult to modify or replace one component without affecting the others. This can lead to maintenance and testing challenges, as well as reduced flexibility and scalability. Loose coupling in .NET Core, on the other hand, means that software components are designed to be independent and have minimal interdependence. This is achieved by using interfaces, dependency injection, and other techniques to reduce the direct dependencies between components. Loose coupling allows components to be more easily replaced, modified, or extended without affecting the rest of the system. Summary, loose coupling is generally preferred in .NET Core because it makes software more flexible, maintainable, and scalable. Advant...
Read more

Use immutable data structures to avoid unnecessary change detection In Angular

-
In Angular, change detection is triggered whenever there is a change in the component's data or state. This can be a performance bottleneck if the component's data is updated frequently, and the component has a lot of child components or bindings. One way to optimize change detection is to use immutable data structures. Immutable data structures are data structures that cannot be modified once they are created. Instead, when a change is made to the data, a new instance of the data structure is created with the updated values. Here's an example of how to use immutable data structures in Angular: HTML import { Component } from '@angular/core'; import { List } from 'immutable'; @Component({ selector: 'app-list', template: ` {{ item }} ` }) export class ListComponent { items = List (['item 1', 'item 2', 'item 3']); addItem() { // The...
Read more

Create a function to convert from string to Decimal using JavaScript

-
Create a function to convert a string to decimal using JavaScript. Javascript function parseStringToDecimal(inputValue: string): Number { let value: number; if (inputValue === '0.00' || Number(inputValue) === 0.00) { value = 0.00; } else if (inputValue === '') { value = null; } else { value = parseFloat(inputValue.toString().replace(/,/, '')); } return value; } Expected Result :  Example const value = parseStringToDecimal("1,000.256"); console.log(value); Output :  1000.256
Read more

Recommended Visual Studio Code Extensions for Angular Development

-
Every Angular Developer should know these recommended VS Code Extensions. I guess most of the developers using the Visual Studio Code tool for coding. There are large number of extensions are available in market place. But I choose necessary extensions, which is related to angular development. It will speed up your work when you're doing development. Extensions can help to improve productivity and code quality for Angular development in VS Code. By automating tasks and enforcing best practices, these extensions can help developers to create better code more quickly and with fewer errors. Angular Language Service - Provides rich editing experience for Angular templates with autocompletion, diagnostics, and jump-to-definition features. Angular Snippets - Provides a collection of Angular snippets to quickly insert common code structures, such as components, directives, and services. Angular Console - Provides a GUI tool for generating and managing Angular projects and associated fi...
Read more

Map Operator in RxJs

-
The map operator in RxJS is used to transform the emissions of an Observable stream. It applies a function to each emitted value and returns a new Observable with the transformed values. The original values are not modified. The map operator is often used in combination with other operators to create complex data flows. Advantages of the map operator in RxJS include: Transformation of data : The map operator allows you to transform the data emitted by an Observable, which can be very useful for manipulating the data in the way you need it. Efficiency : The map operator is an efficient way to modify data, as it does not modify the original data and creates a new Observable with the transformed data. Composability : The map operator is a composable operator, which means you can combine it with other operators to create more complex data flows. Clarity : Using the map ope...
Read more

Implementing DIP (Dependency Inversion Principle) in .NET Core project

-
Dependency Inversion Principle (DIP) is one of the SOLID principles that states that high-level modules should not depend on low-level modules, instead both should depend on abstractions. In .NET Core, we can implement DIP using various techniques such as Dependency Injection, Inversion of Control (IoC), and Service Locator. Here's a simple example of how to implement DIP using Dependency Injection in a .NET Core project: By following below steps, we can implement DIP in our .NET Core project using Dependency Injection. 1. Define interfaces for the low-level modules (dependencies) that the high-level module needs to use. For example: public interface ILogger {     void Log( string message); } public interface IDataProvider {     string GetData(); } 2. Create implementations for these interfaces.  For example: public class FileLogger : ILogger {     public void Log( string message)     {         // cod...
Read more

Aggregation and Association and Composition and Its differences with examples

-
 Aggregation, association, and composition are object-oriented programming concepts that define relationships between classes or objects. Here are their definitions and differences: 1. Aggregation: Aggregation is a relationship where one object has a reference to another object, but the referenced object can exist independently of the object that references it. The object that references the other is known as the container or owner, while the referenced object is known as the contained or member object. Here are a few examples of aggregation in C#: Example - 1 : A university has many departments, and each department has many students. In this case, the Department class is the container, and the Student class is the contained object. Here's an example code: public class Department {     public List<Student> Students { get ; set ; } } public class Student {     public string Name { get ; set ; } } Example - 2 : A car has an engine, and the engine can ...
Read more

Display PDF Or Tiff Files In IFrame

-
How to  Display PDF Or Tiff Files In IFrame in Asp.net C# Example:  In this application how to display PDF or tiff files in IFrame in asp.net C# . First We have to Know about IFrame ,  The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. Please Click this link and Know About IFrame Before Using IFrame Tag . Mostly Iframe does not support to show the PDF files Or Tiff Files in Google Chrome and Firefox browsers,Only supports in IE Browser. For my Requirement in this application I want to show the PDF File in IFrame, which is in local shared folder (\\IPAddress\SharedFolder\Filename.PDF). I want to give this path to IFrame like  <iframe id="imgdisplay" src="" runat="server"> Mostly Browser Compatibility Issues for IFrame ,see below 1. In IE Browser, If we call this path in iframe src it will displays the PDF file. Ex: imgdispla...
Read more