Online Form Validation by ReCAPTCHA

There are instances where Online forms are vulnerable to BOT attacks, leading to the creation of multiple fraudulent LEAD records in NetSuite. One way to overcome this is to use ReCAPTCHA by Google, which protects websites from spam and abuse by distinguishing human users from automated bots. However, the said feature is an enhancement which is logged on enhancement #122792 Online Customer Forms > Spam getting through online customer forms and bad leads are getting created.

One way to implement this, similar to ReCAPTCHA, is by creating a Custom Field and applying a script that determines what user input is based on what is shown in an image.

Learn to implement it by following the steps below.

Create custom entity field of type free-form text

Set Label field: Online Form Ver Image
Set ID field: _verimage
Select Type dropdown field: Free-form Text
Store Value checkbox: Mark Checked
Applies To: Customer
Save the custom entity field.

See sample image below:

Upload images in the File Cabinet

Navigate to Documents > Files > File Cabinet
Navigate to Web Site Hosting Files > Live Hosting Files
Inside Live Hosting Files folder, add new folder and name it to OnlineForm
Inside the OnlineForm folder, upload the images you will use for your online form. See example below.

Sample Images:

– cat.jpg
– dog.jpg
– rabbit.jpg
– bird.jpg

Edit your Online form Template by following the steps below:

Navigate to Documents > Templates > Marketing Templates.
Edit your Online form Template.
Add the needed lines of code below in the template in its corresponding tags (e.g. <head>) and make sure to replace the image links with ones you uploaded in the file cabinet.

Example:

From: <account_number>.app.netsuite.com/c.<account_number>/OnlineForm/cat.jpg

To: 1234567.app.netsuite.com/c.1234567/OnlineForm/cat.jpg

<NLFORM> 

<html> 

<head> 

 
<script language=”JavaScript”> 

 
var theImages = new Array() 
// url of the random images file hosted in the file cabinet 
theImages[0] = ‘https://<account_number>.app.netsuite.com/c.<account_number>/OnlineForm/cat.jpg’  
theImages[1] = ‘https://<account_number>.app.netsuite.com/c.<account_number>/OnlineForm/dog.jpg’ 
theImages[2] = ‘https://<account_number>.app.netsuite.com/c.<account_number>/OnlineForm/rabbit.jpg’ 
theImages[3] = ‘https://<account_number>.app.netsuite.com/c.<account_number>/OnlineForm/bird.jpg’ 

 
var j = 0 
var p = theImages.length; 
var rebuffer = new Array() 
for (I = 0; I < p; i++){ 
rebuffer[i] = new Image() 
rebuffer[i].src = theImages[i] 
} 

 
var whichImage = Math.round(Math.random()*(p-1)); 

 
function showImage() 
{ 
document.write(‘<img border=1 src=”’+theImages[whichImage]+’”>’); 
} 

 
</script> 

 

</head> 

 

<body> 

First Name*: <NLFIRSTNAME><br /> 

Last Name*: <NLLASTNAME><br /> 

Company Name: <NLCOMPANYNAME><br /> 

Phone Number: <NLPHONE><br /> 

Email Address: <NLEMAIL><br /><br /> 
<script language=”JavaScript”>showImage();</script><br /> 

Input the animal you see in the image: <NLCUSTENTITY_VERIMAGE> <br/> 

Note: Type the characters in lowercase 

<p> 

<input type=”submit” value=”Submit”> 

</p> 

</body> 

</html> 

</NLFORM>

Set the Template for your Online Customer Form and add the custom entity field in the Select Fields tab then set it mandatory.

Navigate to Setup > Marketing > Online Customer Form
Edit your Online Customer Form
Template field: Select your Online Form Template
Select Fields tab: Add Online Form Ver image field – Set to Mandatory

Add custom script and deploy to the online customer form calling the verification function on save.

Create a file in your computer and name it OnlineFormScript.js

2.Edit the OnlineFormScript.js file and add the following lines of code below then save the file:

Note: Replace the values (in RED) with the corresponding correct answers to identify the images in lowercase letters.

function saveRecord(){ 
  var userInput = (String(nlapiGetFieldValue('custentity_verimage'))); 
   case (userInput = 'cat'): 
  if (whichImage == 0){return true;} 
    alert("Sorry, the image verification did not match"); 
    return false; 
  case (userInput = 'dog'): 
    if (whichImage == 1){return true;} 
    alert("Sorry, the image verification did not match"); 
    return false; 
  case (userInput = 'rabbit'): 
    if (whichImage == 2){return true;} 
    alert("Sorry, the image verification did not match"); 
    return false; 
  case (userInput = 'bird'): 
    if (whichImage == 3){return true;} 
    alert("Sorry, the image verification did not match"); 
    return false; 
  default: 
    alert("Sorry, the image verification did not match"); 
    return false; 
  }  
}

Navigate to Setup > Marketing > Online Customer Form
Edit your Online Customer Form
Custom Code tab
Upload the OnlineFormScript.js script file
Save Record Function field: Input saveRecord
Save your Online Customer Form.