Choosen Picklist and jQuery form validation in visualforce with css



VF Code:

<apex:page controller="myController" docType="html-5.0" standardStylesheets="false" sidebar="false" showHeader="false">  
        <apex:pageMessages ></apex:pageMessages>
        <apex:includeScript value="{!$Resource.jQuery_Min}"/>      
        <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"/>      
        <apex:includeScript value="{!$Resource.chosen_jquery_min}"/>
        <apex:stylesheet value="{!$Resource.cssFile}"/>
        <apex:stylesheet value="{!$Resource.chosen_min}"/>
        <style>
            .choiceChosen, .productChosen {
                  width: 300px ;
             }
            .error{
              color:red;
            }
        </style>
        <script>
            $(document).ready(function(){
             
                $(".choiceChosen, .productChosen").chosen({});
                  $(".choiceChosen").change(function(){
                    if($(".choiceChosen option:selected").val()=="no"){
                      $(".productChosen option[value='2']").attr('disabled',true).trigger("chosen:updated");
                      $(".productChosen option[value='1']").removeAttr('disabled',true).trigger("chosen:updated");
                    } else {
                      $(".productChosen option[value='1']").attr('disabled',true).trigger("chosen:updated");
                      $(".productChosen option[value='2']").removeAttr('disabled',true).trigger("chosen:updated");
                    }
                })
             
            });
        </script>
        <apex:form id="CustomerForm">
        <body>
            <br/><br/><br/><br/>
            <div id="wrapper">
                <fieldset style="width: 600px;!important">
                    <legend>Wait List form for Attendee </legend>
                    <div>
                        <label id=""></label>
                        <apex:inputText value="{!FirstName}" html-placeholder="First Name" id="firstName"/>
                    </div>
                    <div>
                        <apex:inputText value="{!LastName}" html-placeholder="Last Name" id="lastName"/>
                    </div>
                    <div>
                        <apex:inputSecret value="{!password}" html-placeholder="Password" id="password"/>
                    </div>
                    <div>
                        <apex:inputText value="{!email}" html-placeholder="Email" id="emailID"/>
                    </div>
                      <div>
                          <apex:selectList styleClass="choiceChosen" value="{!InactiveListValue}" id="InactiveList">
                              <apex:selectOptions value="{!InactiveList}"/>
                          </apex:selectList>
                      </div><br/>
                      <div>
                          <apex:selectList styleClass="choiceChosen" multiselect="true" value="{!countryListValue}" id="countryList">
                              <apex:selectOptions value="{!countryList}"/>
                          </apex:selectList>
                      </div>
                      <apex:commandButton action="{!createRecord}" value="Submit" id="submit" styleClass="submit"/>
                </fieldset>
            </div>
        <script type="text/javascript">
            $('[id$=CustomerForm]').validate();
            $('[id$=firstName]').rules("add",{
                required: true,
                minlength: 5,
                maxlength: 50,            
                messages:{
                required:"Required First Name",
                minlength: jQuery.validator.format("Please etner at least 5 characters are necessary"),
                }                        
            });
            $('[id$=lastName]').rules("add",{
                required: true,
                minlength: 5,
                maxlength: 50,            
                messages:{
                required:"Required Last Name",
                minlength: jQuery.validator.format("Please etner at least 5 characters are necessary"),
                }                        
            });
            $('[id$=emailID]').rules("add",{
                required: true,
                email:true,            
                messages:{
                required:"Required Email",
                email: jQuery.validator.format("Please enter valid email id"),
                }                        
            });
            $('[id$=password]').rules("add",{
                required: true,                        
                messages:{
                required:"Required Password",              
                }                        
            });
                   
        </script>
        </body>
    </apex:form>

</apex:page>

Apex Class :--

public with sharing class myController {
    public String email { get; set; }
    public String password { get; set; }
    public String LastName { get; set; }
    public String FirstName { get; set; }
    public string countryListValue { get;set; }
    public string InactiveListValue {get;set;}
    public static Map<string,MappingDetails__c> custMap;
    static {
       custMap = MappingDetails__c.getAll();      
    }
    public List<SelectOption> getCountryList(){
        List<SelectOption> options =  new List<SelectOption>();
        for(String custDetails : custMap.keySet()){
            options.add(new selectoption(custDetails,custDetails));
        }
    return options;
    }
     public List<SelectOption> getInactiveList(){
        List<SelectOption> options =  new List<SelectOption>();
        for(MappingDetails__c custDetails : custMap.values()){
            options.add(new selectoption(custDetails.Inactive_Queue__c,custDetails.Inactive_Queue__c));
        }
    return options;
    }
    public string testMessage {get;set;}
    public PageReference createRecord() {
        testMessage = FirstName +'-'+LastName+'-'+email+'-'+password+'-'+countryListValue;
        Car_Models__c c = new Car_Models__c();
        c.recordtypeid=Schema.SObjectType.Car_Models__c.getRecordTypeInfosByName().get('Employee Details').getRecordTypeId();
        c.First_Name__c = FirstName ;
        c.Last_Name__c = LastName;
        c.Password__c = password;
        c.Email__c = email;
        c.Inactive_Queue_Name__c = InactiveListValue ;
        c.Country_List__c = countryListValue;
        insert c;
        return new pagereference('/'+c.id);
    }
}

No comments:

Featured

What is Cryptography in salesforce and what are all the algorithms provided by them ?

A). It is a security protocal between two systems. Lets say we are integration two systems without any encrytion mechanism then hackers wil...

Popular