Validate VF page required Fields Using JavaScript


Output:
                           
         

Code:
   <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" />
   <apex:includeScript value="https://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js"/>
  
 <head>
   <style type="text/css">
   .error {
       border-color: #E51400;
       background-color: #FFF0EF;
   }
   </style>
  </head>

  <body>
       <apex:form id="CustomerForm">
           <label for="customerName">Name &nbsp;</label>
               <apex:inputField value="{!caseVar.SuppliedName}"   html-placeHolder="Customer Name" id="customerName" /> <br></br>
               <apex:commandButton onclick="saveRec()"   value="SUBMIT" id="submit"  />
        </apex:form>
        <script type="text/javascript">
             $('[id$=CustomerForm]').validate();          
             errorclass: "myerrorclass";
         
            $('[id$=customerName]').rules("add",{
                required: true,
                minlength: 2,
                maxlength: 50,            
                messages:{
                    required:"",
                    minlength: jQuery.validator.format("")
                }                        
            });
        </script>
     
    </body>

Comments

Post a Comment

Popular posts from this blog

Embed Special Characters in VF Page

Image
Embed & " < > and lot more symbols in VF Page using the below character sequence Code: <body>          <h1> Testing &amp; Blogging </h1>         </body> Result: &quot; " Double quote &amp; & Ampersand ("and" sign) &lt; < Less-than &gt; > Greater-than &nbsp; un-linebreak-able space &brvbar; ¦ Vertical line, maybe with gap in middle &copy; © Copyright sign (C in a circle) &frac14; ¼ One quarter &frac12; ½ One half &frac34; ¾ Three quarters &times; × Times sign: narrow x without serifs &divide; ÷ Division sign: a colon : with a dash through it P.S:  Comment Below for any Clarification or help!! Happy working!! :) :) 
Read more

Error: Compile Error: Illegal conversion from String to System.PageReference

Controller: public PageReference getURL(){ String    url='www.google.com'; //your Logic return url; }  When you save it would throw and error Error: Compile Error: Illegal conversion from String to System.PageReference you were supposed to return a PageRefernce( A PageReference is a reference to an instantiation of a page ) not Just simple String Solution: Create an instantiation of a page and return the instance. public PageReference getURL(){ String    url='www.google.com'; //your Logic PageReference pageRef = new PageReference(url); return pageRef; } P.S:  Comment Below for any Clarification or help!! Happy working!! :) :) 
Read more

Some Common Errors in the Visual flow

Error: An unhandled fault has occurred in this flow An unhandled fault has occurred while processing the flow. Please contact your system administrator for more information Solution:  You Would get a detailed error description to the register email. Error: An Apex error occurred: System.DmlException: Insert failed. First exception on row 0; first error: INVALID_CROSS_REFERENCE_KEY, Task Record Type ID: this ID value isn't valid for the user: : [RecordTypeId]  Solution: The user Might not have access to the Particular Record Type. Or you may be refreing to 15 Digit RecordType Id. Refer 18 Digit ID to solve the issue. Error: Error Occurred: The number of results does not match the number of interviews that were executed in a single bulk execution request. Solution: The size of the return value needs to match the input value. Resolved the issue by using void. P.S:  Comment Below for any Clarification or help!! Happy working!! :) :)  ...
Read more