Validate Email ,Date, Mobile Field On Web To Lead Form in Salesforce

Que: Before Creating Web to Lead form Validate Email should be proper format and Date should be dd/mm/yyyy and Mobile No Should be 10 digits.

 Solution: Validate Web to Lead form using Javascript/Jquery
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<head>
<script type = "text/javascript">
function check()
{
var emailadd = document.getElementById('email').value;
//alert(emailadd);
   
if(emailadd!= ''  &&  emailadd != null)
{
var str=document.getElementById('email').value;
var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if (!filter.test(str))
{
alert("Please input a valid email address!");
return false;
}
}

var mobileVale = document.getElementById('mobile').value;
//alert(mobileVale.length);
if(mobileVale!='' && mobileVale!=null)
{
  if(mobileVale.length!=10){

 alert('Please Enter 10 Digit No');
return false;
}
}

var valuesofDarte = document.getElementById('DateID').value;

   if(valuesofDarte!='' && valuesofDarte!=null)
{
 //alert(valuesofDarte);
 
var validformat=/^\d{2}\/\d{2}\/\d{4}$/ //Basic check for format validity
//alert(validformat);
//var returnval=false
if (!validformat.test(valuesofDarte))
{
alert("Invalid Date Format. It should be dd/mm/yyyy.");
return false;
}
else{
//Detailed check for valid date ranges

var dayfield=valuesofDarte.split("/")[0]
var monthfield=valuesofDarte.split("/")[1]
var yearfield=valuesofDarte.split("/")[2]
var dayobj = new Date(yearfield, monthfield-1, dayfield)
if ((dayobj.getMonth()+1!=monthfield)||(dayobj.getDate()!=dayfield)||(dayobj.getFullYear()!=yearfield))
{
alert("Invalid Day, Month, or Year range detected. It should be dd/mm/yyyy.");
return false;
}
return true;
}
return true;
}
    

}
</script>
</head>
<form name="contact-form" method="post" id="footer-formID" action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8">

<input type=hidden name="oid" value="00Dj0000001olle">
<input type=hidden name='retURL' value="http://google.com>

<input type="text" id='first_name' name="first_name" value=""/>

<input  type="text" id='last_name' name="last_name" value=""/>

<input type="text" id='email' name="email" value="" />

<input type="text" id='mobile' name="mobile" value="" />
<input id='DateID' name='00Nj0000006KcyE' value=""></
<input type="hidden" name="source" id="sourceId" value="" />
<button type="submit" class="button" onclick="return check();">Send Email</button>

</form>

Comments

Post a Comment

Popular posts from this blog

Salesforce Spring 16 Release Exam (Maintenance Exam Q&A) for Developer 201 Admin

Spring 16 Salesforce Admin 201 Maintenance Exam 1. Which areas are calculated for the Health Check score? Choose 2 answers A. Number of users B. Session Settings  C. Profiles and Permissions assigned D. Password Policy E. Login attempts 2. What key user access data is included in login forensics? A. Who logged in from a new browser more than once in a day. B. Who logged in more than the number set in the profile. C. Who logged in during business hours. D. Who logged in more than the average number of times. 3. What is true regarding the new Data Loader? A. It has a new column flagging duplicate files. B. It supports Web Server OAuth Authentication for Windows or Mac. C. It has downloadable add-ons published through the AppExchange. D. It works with all legacy security protocol. 4. What does the Customize Application permission setting allow? A. To create article types. B. To edit contract settings. C. To modify custom picklist values. D. To create a...
Read more

Show Hyper Link On Add Error in Salesforce Trigger

Requirement: Check Duplicate record in system and show the add error in form of hyperlink corresponding duplicate record ID Solution : Write a trigger and show add error objExistingRecord >>> OldRecord Id objNewRecord >> New Record  objNewRecord.addError('Same Combination of Record already Inserted in System: <a href=\'/'+ objExistingRecord.id +'\'>'+objExistingRecord.Name+'</a>', false);                                                                           Thanks                                                Sumit Shukla
Read more

Show the Success Message before Redirecting the Detail page on Visualforce Page

Requirement: To show the Success message before Redirecting the Detail page. On Click on Save button show the successful message after that redirect to detail page.  Solution: Create the Controller Class public class ClassName { // Create a boolean property     public boolean isChanged{get;set;}             public void SaveData(){         //Write Save/update Logic //insert/update list or object /set the boolean value as a true after list update/insert isChanged=true;         ClassName              } // This method will call after saving the record. and redirect to specify id     public pagereference redirectToRequiredPage(){         PageReference pageRef=new PageReference('/' +Recordid);         return pageRef;     } } Create the visualforce page <apex:page Contr...
Read more