Tag Archives: masking on html

Mask

Mask DOB (Date of Birth) On Web Page

6 Jul 2019 Saurabh Gupta Leave a comment

A birthday is the anniversary of the birth of a person which is celebrated in numerous cultures, often with birthday gifts, birthday cards, a birthday party, or a rite of passage.

There is a distinction between birthday and birth date: The former, other than February 29, occurs each year (e.g. January 20), while the latter is the exact date a person was born (e.g., January 20, 2001).

Why need to mask DOB?

Scammers, fraudsters, and identity thieves can wreak havoc with just your name, date of birth (DOB), and address.Fraudsters need just these three key bits of information to steal your identity and access your accounts, take out loans, credit cards, mobile phones in your name. These can be found on social media profiles, such as Facebook. And if your settings are not private or masked, this is available for anyone to see.

That’s what generally organizations while asking for date of birth masked years part or complete date so that not share by anyone except person working on web page.

There are different pattern to write date but here we mainly focus on most common used pattern (MM/dd/yyyy). According to your need you can modify example with respect to date pattern.

Date Patterns

yyyy.MM.dd : 2001.07.01
EEE, MMM d : Wed, Jul 4
EEE, d MMM yyyy : Wed, 4 Jul 2001
yyyy-MM-dd : 2001-07-01
MM/dd/yyyy : 07/01/2001
dd/MM/yyyy : 01/07/2001

See Also :

DOB (Date of Birth) Masking Example

Here considering, date represent as MM/dd/yyyy. By masking will hide all digits except slaces. For example, Date is 06231987 than after formatting and mask will display as XX/XX/1987.

HTML Changes

Create a text box on your page with below html. Refer attachment

Java Script/JQuery Changes

Copy below java script in your head section of page.


var originalVal;
$(document).ready(function()
{
       if($('#txtDOB').val().length>0)
		 {
		 if($('#txtDOB').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtDOB').val();
			}
		    maskDOB(this);
		 }

	    $('#txtDOB').blur( function(e)
		{
	    	if($('#txtDOB').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtDOB').val();
	    	}
	    	 maskDOB(this);
		});

		$('#txtDOB').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskDOB(regularDOB)
{
	 var varlen =$(regularDOB).val().length;

	 if(varlen > 8)
	 {
	 $("#error").text('Not Valid Date.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularDOB).val();

	 var mask = varlen > 0 ? varlen > 1 ? varlen > 2 ? varlen > 3 ? varlen > 4 ? varlen > 5 ? varlen > 6 ? varlen > 7 ?
	        'XX/XX/'+ str.substring(4)
          : 'XX/XX/'+ str.substring(4)
          : 'XX/XX/'+ str.substring(4)
          : 'XX/XX/'+ str.substring(4)
          : 'XX/XX'
          : 'XX/X'
		  : 'XX'
		  : 'X'
		  : '';
          $(regularDOB).val(mask);
  	}
}

Note :
This masking example is created considering standard length of text size and formatting of text field, that can vary according to organizations. If your organization having different format and text size modify source code according to your need. If you are facing any issue drop a comments will try to connect as soon as possible.

Download Source code

To download the source code of this example, click on below given download link. Mask DOB

References

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask IP (Internet Protocol) On Web Page

6 Jul 2019 Saurabh Gupta Leave a comment

An Internet Protocol address (IP address) is a numerical label assigned to each device connected to a computer network that uses the Internet Protocol for communication. An IP address serves two main functions: host or network interface identification and location addressing.

IP addresses are usually written and displayed in human-readable notations, such as 178.17.253.12 .

The reason to hide your IP address is simply for more privacy and to prevent misuse of your personal information. Whenever you access a website, the server you connect to logs your IP address and attaches it to all the other data the site can learn about you: your browsing habits, what you click on, how long you spend looking at a particular page. They then sell this data to advertising companies who use it to tailor ads straight to you. This is why ads on the internet sometimes feel oddly personal: it’s because they are. Your IP address can also be used to track your location, even when your location services are turned off.

See Also :

IP (Internet Protocol) Masking Example

Here considering, IP address is represent as above. By masking will hide all digits except dot (.) . For example, IP address is 178.17.253.12 than after mask will display as XXX.XX.XXX.XX .

HTML Changes

Create a text box on your page as in attachment of download section.

Java Script/JQuery Changes

Copy below java script in your head section of page.



var originalVal;
$(document).ready(function()
{
       if($('#txtIP').val().length>0)
		 {
		 if($('#txtIP').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtIP').val();
			}
		    maskIP(this);
		 }

	    $('#txtIP').blur( function(e)
		{
	    	if($('#txtIP').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtIP').val();
	    	}
	    	 maskIP(this);
		});

		$('#txtIP').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskIP(regularIP)
{
	 var varlen =$(regularIP).val().length;

	//to check only allow char as . and numbers
	 if($(regularIP).val().match(/[^.\d]/))
	 {
	  $("#error").text('Not Valid IP.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularIP).val();
	 //Replace all digits with X except .
     var mask = $(regularIP).val().replace(/\d/gi, 'X');
     $(regularIP).val(mask);
  	}
}

Download Source code

To download the source code of this example, click on below given download link. Mask IP

References

https://en.wikipedia.org/wiki/IP_address

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask CVV/CVC On Web Page

4 Jul 2019 Saurabh Gupta Leave a comment

The CVV/CVC code (Card Verification Value/Code) is located on the back of your credit/debit card on the right side of the white signature strip. It is always the last 3 digits in case of VISA and MasterCard but for American Express Card having four digits and front of card.

Nowadays, It is possible to easily get card details of someone else. For example CCTV cameras are in operation in almost every shop and follow you while paying. Not only because of this fact the CVV/CVC verification code is located on the back of your payment card and represents the basic security feature. Therefore CVV/CVC code is required for all online payments where the card is not present and the PIN code cannot be entered.

Card Security Code Names

This card security code also called by different names as below:

CID (Card Id or Card Identification Number or Card Identification Code): Discover, American Express (four digits on front of card)
CSC (Card Security Code) : debit cards, American Express (three digits on back of card).
CVC2 (Card Validation Code): MasterCard
CVD (Card Verification Data): Discover, sometimes used as the common initialism for this kind of code
CVE (Elo Verification Code): Elo in Brazil
CVN2 (Card Validation Number 2): China Union Pay
CVV2 (Card Verification Value 2) : Visa
CVC (Card Verification Code): Master card

See Also :

CVV Masking Example

Here considering, CVV of length 3 digits. By masking will hide all 3 digits. For example, my account number is 123 than after mask will display as XXX. CVV for some card can also be as four digit take this as assignment and make code changes accordingly so that support for both three and four digits.

HTML Changes

Create a text box on your page as in attachment in download section.

Java Script/JQuery Changes

Copy below java script in your head section of page.



var originalVal;
$(document).ready(function()
{
       if($('#txtCVV').val().length>0)
		 {
		 if($('#txtCVV').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtCVV').val();
			}
		    maskCVV(this);
		 }

	    $('#txtCVV').blur( function(e)
		{
	    	if($('#txtCVV').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtCVV').val();
	    	}
	    	 maskCVV(this);
		});

		$('#txtCVV').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskCVV(regularCVV)
{
	 var varlen =$(regularCVV).val().length;

	 if(varlen > 8)
	 {
	 $("#error").text('Not Valid CVV.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularCVV).val();

	 //Replace all characters with X
     var mask = $(regularCVV).val().replace(/./gi, 'X');
     $(regularCVV).val(mask);
  	}
}

Download Source code

To download the source code of this example, click on below given download link. Mask CVV

References

https://en.wikipedia.org/wiki/Card_security_code

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask ITIN On Web Page

4 Jul 2019 Saurabh Gupta Leave a comment

ITIN (Individual Taxpayer Identification Number) numbers are issued by the IRS (Internal Revenue Service) to individuals who do not have, and are not eligible to obtain, a valid U.S. Social Security Number, but who are required by law to file a U.S. Individual Income Tax Return.
ITIN is a nine digit number and always begins with the number 9 and has a 7 or 8 in the fourth digit, such as 9XX-7X-XXXX.4th and 5th digits, also known as second section (xxx-xx-xxxx), range from 70 to 88, 90 to 92 and 94 to 99.

ITIN identity theft occurs when someone uses a stolen SSN and ITINSocial Security number to file a tax return to claim a fraudulent refund. A taxpayer’s SSN can be stolen through a data breach, a computer hack or a lost wallet. Although identity theft affects a small percentage of tax returns, it can have a major impact on victims by delaying their refunds.

Consequences of ITIN Theft

More than one tax return was filed for you.
You owe additional tax, have a refund offset or have had collection actions taken against you for a year you did not file a tax return.
IRS records indicate you received more wages than you actually earned.
Your state or federal benefits were reduced or cancelled because the agency received information reporting an income change.

Tips to protect you from becoming a victim of identity theft

Don’t carry your Social Security card or any documents that include your Social Security number (SSN) or Individual Taxpayer Identification Number (ITIN).
Don’t give a business your SSN or ITIN just because they ask. Give it only when required
Protect your financial information.
Check your credit report every 12 months.
Review your Social Security Administration earnings statement annually.
Secure personal information in your home.
Protect your personal computers by using firewalls and anti-spam/virus software, updating security patches and changing passwords for Internet accounts.
Don’t give personal information over the phone, through the mail or on the Internet unless you have initiated the contact or you are sure you know who you are dealing with.

Here, you will know about mask ITIN on web page so that can’t see by fraud person there other cases also where sensitive information need to mask by organization for come over from privacy violation.

See Also :

ITIN masking Example:

Here considering, ITIN of length 9 digits. By masking will hide initial 5 digits and show only last 4 digits. For example, ITIN is 123456789 than after mask will display as XXX-XX-6789.

HTML Changes

Create a text box on your page as in attachment in download section.

Java Script/JQuery Changes

Copy below java script in your head section of page.



var originalVal;
$(document).ready(function()
{
       if($('#txtITIN').val().length>0)
		 {
		 if($('#txtITIN').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtITIN').val();
			}
		    maskITIN(this);
		 }

	    $('#txtITIN').blur( function(e)
		{
	    	if($('#txtITIN').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtITIN').val();
	    	}
	    	 maskITIN(this);
		});

		$('#txtITIN').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskITIN(regularITIN)
{
	 var varlen =$(regularITIN).val().length;
	 if(varlen > 9)
	 {
	 $("#error").text('Not Valid ITIN.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularITIN).val();

	 var mask = varlen > 0 ? varlen > 1 ? varlen > 2 ? varlen > 3 ? varlen > 4 ?
	        'XXX-XX-'
          : 'XXX-X'
          : 'XXX-'
          : 'XX'
          : 'X'
          : '';
          if (varlen < 4) {
          $(regularITIN).val(mask);
          } else {
          $(regularITIN).val(mask + $(regularITIN).val().substring(5));
          }
   }
}

Note :
This masking example is created considering standard length of text size and formatting of text field, that can vary according to organizations. If your organizations having different format and text size modify source code according to your need.
If you are facing any issue drop a comments will try to connect as soon as possible.

Download Source code

To download the source code of this example, click on below given download link. Mask ITIN

References

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask SSN On Web Page

4 Jul 2019 Saurabh Gupta Leave a comment

In the United States, a Social Security number (SSN) is a nine-digit number issued to U.S. citizens, permanent residents, and temporary working (Some Visa holders) to track individuals for social security purposes and also used as national identification number by financial institutions to authenticate a person to setup bank accounts, credit cards , loans and tax filing.

The SSN is frequently used by those involved in identity theft, because people asking for treat it as an authentication. If some one know about SSN, current address , zip code etc. generally fraud person can retrieve other detail from financial institutions to make financial losses.

Tips to protect you from becoming a victim of identity theft

Don’t carry your Social Security card or any documents that include your Social Security number (SSN) or Individual Taxpayer Identification Number (ITIN).
Don’t give a business your SSN or ITIN just because they ask. Give it only when required
Protect your financial information.
Check your credit report every 12 months.
Review your Social Security Administration earnings statement annually.
Secure personal information in your home.
Protect your personal computers by using firewalls and anti-spam/virus software, updating security patches and changing passwords for Internet accounts.
Don’t give personal information over the phone, through the mail or on the Internet unless you have initiated the contact or you are sure you know who you are dealing with.

Here, you will know about mask SSN on web page so that can’t see by fraud person there other cases also where sensitive information need to mask by organization for come over from privacy violation.

See Also :

SSN Masking Example:

Here considering, SSN of length 9 digits. By masking will hide initial 5 digits and show only last 4 digits. For example, SSN is 123456789 than after mask will display as XXX-XX-6789.

HTML Changes

Create a text box on your page as in attachment in download section.

Java Script/JQuery Changes

Copy below java script in your head section of page.



var originalVal;
$(document).ready(function()
{
       if($('#txtSSN').val().length>0)
		 {
		 if($('#txtSSN').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtSSN').val();
			}
		    maskSSN(this);
		 }

	    $('#txtSSN').blur( function(e)
		{
	    	if($('#txtSSN').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtSSN').val();
	    	}
	    	 maskSSN(this);
		});

		$('#txtSSN').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskSSN(regularSSN)
{
	 var varlen =$(regularSSN).val().length;
	 if(varlen > 9)
	 {
	 $("#error").text('Not Valid SSN.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularSSN).val();

	 var mask = varlen > 0 ? varlen > 1 ? varlen > 2 ? varlen > 3 ? varlen > 4 ?
	        'XXX-XX-'
          : 'XXX-X'
          : 'XXX-'
          : 'XX'
          : 'X'
          : '';
          if (varlen &amp;lt; 4) {
          $(regularSSN).val(mask);
          } else {
          $(regularSSN).val(mask + $(regularSSN).val().substring(5));
          }
   }
}

Note :
This masking example is created considering standard length of text size and formatting of text field, that can vary according to organizations. If your organizations having different format and text size modify source code according to your need.
If you are facing any issue drop a comments will try to connect as soon as possible.

Download Source code

To download the source code of this example, click on below given download link. Mask SSN

References

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask Routing Number on Page

3 Jul 2019 Saurabh Gupta 2 Comments

The Routing number is a nine digit code that’s based on U.S Bank location where your account was opened. People often used routing number when making payment online or by phone.

The routing number is sensitive information, In USA if you know checking account number and routing number of some one you can make online payment. Organization must make account number and routing number as mask on payment page so that nobody take snapshot and see these detail for fraud.

See Also :

Routing Number masking Example:

Here routing number of length 9 digits. By masking will hide all digits. For example, my routing number is 123456789 than after mask will display as XXXXXXXXX.

HTML Changes

Create a text box on your page with html as attached in download section.

Java Script/JQuery Changes

Copy below java script in your head section of page.



var originalVal;
$(document).ready(function()
{
       if($('#txtRN').val().length>0)
		 {
		 if($('#txtRN').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtRN').val();
			}
		    maskRN(this);
		 }

	    $('#txtRN').blur( function(e)
		{
	    	if($('#txtRN').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtRN').val();
	    	}
	    	 maskRN(this);
		});

		$('#txtRN').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskRN(regularRN)
{

	 var varlen =$(regularRN).val().length;

	 if(varlen > 9)
	 {
	 $("#error").text('Not Valid Routing Number.');
	 }
	 else
	 {
	 $("#error").text('');
	 //Replace all characters with X
	 var mask = $(regularRN).val().replace(/./gi, 'X');
     $(regularRN).val(mask);
  	}
}

Note :
This masking example is created considering standard length of text size and formatting of text field, that can vary accounding to oraganizations. If your oraganization having different format and text size modify source code according to your need.
If you are facing any issue drop a comments will try to connect as soon as possible.

Download Source code

To download the source code of this example, click on below given download link. Mask Routing Number

Drop me your questions in comments section.

References

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask Credit/Debit Card Number on Page

3 Jul 2019 Saurabh Gupta Leave a comment

Credit card number is one of sensitive information. If credit card number stolen by some one then do lots of fraud like purchasing online, create clone of your card or sell it to someone else to make transactions online.

There are lots of way to theft credit card information for hackers and fraud persons but for organization level to stop privacy violation when asked user to make payment online and enter card information that should be masked.

Note: This example is for credit card number for debit card you can change code as per your organization need.

See Also :

Credit Card Masking Example:

Here considering, account number of length 16 digits. By masking will hide digits from 7th to 12th and show rest of digits. For example, my account number is 1234567890123456 than after mask will display as 1234 56XX XXXX 3456

HTML Changes

Create a text box on your page with below html as in attachment of download section.

Java Script/JQuery Changes

Copy below java script in your head section of page.



var originalVal;
$(document).ready(function()
{
       if($('#txtCCNumber').val().length>0)
		 {
		 if($('#txtCCNumber').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtCCNumber').val();
			}
		    maskCreditCard(this);
		 }

	    $('#txtCCNumber').blur( function(e)
		{
	    	if($('#txtCCNumber').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtCCNumber').val();
	    	}
	    	 maskCreditCard(this);
		});

		$('#txtCCNumber').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskCreditCard(regularCardNumber)
{
	 var varlen =$(regularCardNumber).val().length;
	 if(varlen > 16)
	 {
	 $("#error").text('Not Valid Credit Card.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularCardNumber).val();

	var mask = varlen > 4? varlen > 5? varlen > 6 ? varlen > 7 ? varlen > 8 ? varlen > 9 ? varlen > 10 ? varlen > 11 ? varlen > 12 ?
               str.substring(0,4) +' '+ str.substring(4,6) +'XX XXXX' +' '+str.substring(12)
              :str.substring(0,4) +' '+ str.substring(4,6) +'XX XXXX'
              :str.substring(0,4) +' '+ str.substring(4,6) +'XX XXX'
              :str.substring(0,4) +' '+ str.substring(4,6) +'XX XX'
              :str.substring(0,4) +' '+ str.substring(4,6) +'XX X'
              :str.substring(0,4) +' '+ str.substring(4,6) +'XX'
              :str.substring(0,4) +' '+ str.substring(4,6) +'X'
              :str.substring(0,4) +' '+ str.substring(4,6)
              :str.substring(0,4) +' '+ str.substring(4,5)
              :str.substring(0) ;
			 $(regularCardNumber).val(mask);
   }
}

Download Source code

To download the source code of this example, click on below given download link. Mask Credit Card

Drop me your questions in comments section.

References

https://www.thebalance.com/how-credit-card-information-is-stolen-4028975

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask Bank Account Number on Page

3 Jul 2019 Saurabh Gupta Leave a comment

Bank account number is unique number with in organization to track a particular personal detail that’s sensitive information and should be masked so that unauthorized persons will not misuse it.

Most of the banks have unique account numbers, varies from 9 digits to 18 digits. Most of the banks (67 out of 78) have included branch code as part of the account number structure.

For branch code, In India use different terms as IFSC code and in USA use as routing number.

In USA, combination of account number and routing number together is very sensitive if a person know about both account number and routing number can transfer someone’s complete checking account money.

See Also :

Account Number masking Example

Here considering, account number of length 10 digits. By masking will hide initial 6 digits and show only last 4 digits. For example, my account number is 1234567890 than after mask will display as XXXXXX7890.

HTML Changes

Refer attachment in download section for HTML.

Java Script/JQuery Changes

Copy below java script in your head section of page.

var originalVal;
$(document).ready(function()
{
       if($('#txtAC').val().length>0)
		 {
		 if($('#txtAC').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtAC').val();
			}
		    maskAccountNumber(this);
		 }

	    $('#txtAC').blur( function(e)
		{
	    	if($('#txtAC').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtAC').val();
	    	}
	    	 maskAccountNumber(this);
		});

		$('#txtAC').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskAccountNumber(regularAC)
{
	 var varlen =$(regularAC).val().length;
	 if(varlen > 10)
	 {
	 $("#error").text('Not Valid Accont Number.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularAC).val();

	 var mask = varlen > 0 ? varlen > 1 ? varlen > 2 ? varlen > 3 ? varlen > 4 ? varlen > 5 ?
	        'XXXXXX'+ str.substring(6)
          : 'XXXXX'
          : 'XXXX'
          : 'XXX'
          : 'XX'
          : 'X'
		  : '';
          $(regularAC).val(mask);
  	}
}

Note :
This masking example is created considering standard length of text size and formatting of text field, that can vary according to organizations. If your organization having different format and text size modify source code according to your need.
If you are facing any issue drop a comments will try to connect as soon as possible.

Download Source code

To download the source code of this example, click on below given download link. Mask Bank Account Number

References

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Mask

Mask Driving License Number On Web Page

3 Jul 2019 Saurabh Gupta Leave a comment

In United States, Driving License is second social security identity after SSN. It should be hide and not shared with any one because having access to that one number can provide an identity theft with several pieces of information they want to know about you.

Driving license numbers are alphanumeric values while the number of characters in driving license varies as per state.

With Driving License card, someone knows your birthdate, address, and even your height, eye color, and signature.
If someone gets your driver’s license number, it is also big concern because it’s connected to your vehicle registration and insurance policies, as well as records on file with the Department of Motor Vehicles, place of employment (that keep a copy of your driver’s license on file), doctor’s office, government agencies, and other entities.

See Also :

Driving License Masking Example:
Here considering, driving license number of length 10 alphanumeric. By masking will hide initial 6 and characters show only last 4 characters. For example, my driving license number is ABC4567890 than after mask will display as XXXXXX7890.

HTML Changes

For HTML refer attachment in download.

Java Script/JQuery Changes

Copy below java script in your head section of page.

var originalVal;
$(document).ready(function()
{
       if($('#txtDLN').val().length>0)
		 {
		 if($('#txtDLN').val().indexOf("X")==-1)
			{
			  originalVal=$('#txtDLN').val();
			}
		    maskDrivingLicenseNumber(this);
		 }

	    $('#txtDLN').blur( function(e)
		{
	    	if($('#txtDLN').val().indexOf("X")==-1)
	    	{
	    	  originalVal=$('#txtDLN').val();
	    	}
	    	 maskDrivingLicenseNumber(this);
		});

		$('#txtDLN').focus( function(e)
		{
			$(this).val(originalVal);
		});
});
function maskDrivingLicenseNumber(regularDLN)
{
	 var varlen =$(regularDLN).val().length;
	 if(varlen > 10)
	 {
	 $("#error").text('Not Valid Driving License Number.');
	 }
	 else
	 {
	 $("#error").text('');
	 var str = $(regularDLN).val();

	 var mask = varlen > 0 ? varlen > 1 ? varlen > 2 ? varlen > 3 ? varlen > 4 ? varlen > 5 ?
	        'XXXXXX'+ str.substring(6)
          : 'XXXXX'
          : 'XXXX'
          : 'XXX'
          : 'XX'
          : 'X'
		  : '';
          $(regularDLN).val(mask);
  	}
}

Download Source code

To download the source code of this example, click on below given download link. Mask Driving License

References

Your Feedback Motivate Us

If our FacingIssuesOnIT Experts solutions guide you to resolve your issues and improve your knowledge. Please share your comments, like and subscribe to get notifications for our posts.

Happy Learning !!!

Why need to mask DOB?

Date Patterns

DOB (Date of Birth) Masking Example

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

IP (Internet Protocol) Masking Example

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

Card Security Code Names

CVV Masking Example

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

Consequences of ITIN Theft

Tips to protect you from becoming a victim of identity theft

ITIN masking Example:

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

Tips to protect you from becoming a victim of identity theft

SSN Masking Example:

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

Routing Number masking Example:

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

Credit Card Masking Example:

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

Account Number masking Example

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Share this post with others:

Like this:

HTML Changes

Java Script/JQuery Changes