Jquery Validation

-
<script type="text/javascript" language="javascript"> 
     
        $(document).ready(function(){ 
                        //Save button id 
  var form_id=$('#ctl00_PlaceHolderMain_SaveBtn').closest('form').attr('id'); 
  $.validator.addMethod('notNone', function(value, element) { 
return (value != '0'); 
}, 'Please select an option.'); 
            
  //First input id 
   $("#ctl00_PlaceHolderMain_state_code").focus();  
$("#"+form_id).validate({ 
             submitHandler: function (form) { 
             showWaitScreen(); 
             form.submit(); 
              
             }, 
rules:{ 
                     //name of the input 
ctl00$PlaceHolderMain$state_code:{ 
notNone:true, 
  }, 
  
                          ctl00$PlaceHolderMain$city_code:{ 
required:true, 
  }, 
  
                          ctl00$PlaceHolderMain$city_description:{ 
required:true, 
  }, 
  }, 
messages:{  
//name of the input  
ctl00$PlaceHolderMain$state_code:{ 
notNone:"Please select State code" 
  }, 
    ctl00$PlaceHolderMain$city_code:{ 
required:"Please enter City code" 
  }, 
                    ctl00$PlaceHolderMain$city_description:{ 
required:"Please enter City description" 
  },       
}, 
errorClass: "help-inline", 
errorElement: "span", 
highlight:function(element, errorClass, validClass) { 
$(element).parents('.control-group').addClass('error'); 
}, 
unhighlight: function(element, errorClass, validClass) { 
$(element).parents('.control-group').removeClass('error'); 
$(element).parents('.control-group').addClass('success'); 
} 
}); 
}); 
  
  
  
</script> 

Comments

Post a Comment

Popular posts from this blog

SP People Picker Validation

-
pplpicker4.Controls.Clear(); ------>   Used to clear the  peoplepikker  control (it means that clearing the user in people  pikker )   validation message fire when user  cliks  in submit button   Change with  PeoplePicker  ID By Using  Inspactelement ......   <script type="text/ javascript " language=" javascript ">               function  CheckReportsTo (source, arguments) {               if (aspnetForm. ctl00_PlaceHolderMain_pplEHOD _downlevelTextBox.value == "")                     arguments.IsValid = false;               else               ...
Read more

Create multiple web parts in one SPFx Solution

-
Image
Here you can create a multiple web parts in one SPFx Solution. Steps Below sSet the Environment from here Step 2 In this way i have created four web parts, i am not adding all the screen shots of web parts.After  Once you run the below command it will generate the .sppkg file cmd : gulp bundle --ship  cmd : gulp package-solution --ship please find the screen shot for your reference Drag and drop this .sppkg file in your apps for SharePoint library either tenant level/site collection level  screen shot below. After install the web part in site content. screen shot below. Here we have installed only one .sppkg file and it is having four web parts if observe the below screen you see all the web parts in this solution. Now in the web part pane you can see all the web parts inside the solution. final out put in the below screen. Smiles a lot its cost nothing...😄😄😄
Read more

JQgrid Auto Complete functionality for a textbox using Jquerry

-
colModel: [             { name: 'Name', index: 'Name', width: 100, editable: true, editoptions: { readonly: false, size: 25 } },             {                 name: 'UserName', index: 'UserName', width: 100, editable: true, editoptions: {                     dataInit: function(e) {                         $(e).autocomplete({                             source: availableTags,                             minLength: 1,                             focus: function(event, ui) {                           ...
Read more