Tag Archives: mask cvc

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 !!!

Facing Issues On IT

Tag Archives: mask cvc

Mask DOB (Date of Birth) On Web Page

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

Like this:

Mask IP (Internet Protocol) On Web Page

IP (Internet Protocol) Masking Example

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Like this:

Mask CVV/CVC On Web Page

Card Security Code Names

CVV Masking Example

HTML Changes

Java Script/JQuery Changes

Download Source code

References

Related Posts

Your Feedback Motivate Us

Like this:

“Learn From Others Experience"

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:

“Learn From Others Experience"