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);
}
}