Category archive
Post related to JAVASCRIPT
Suppose you have used Ninja Form Plugin in your wordprss website. Ninja form provide you the option to validate the fields like email address, phone numbers format and required validation. But in case you have to add any custom validation then Ninja form provide you the hook to implement custom client side validation.
Read articleWhile using select2 library, if you have to find the selected and unselected item based on the change event when you check or uncheck the items. Based on the checked status, you may have to create some custom trigger or events then you can use the below code reference from codepen to achieve the save. […]
Read article<html> <head> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js”></script> <script type=”text/javascript” src=”https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js”></script> <link rel=”stylesheet” type=”text/css” href=”https://cdnjs.cloudfla
Read articleHow to reorder table rows using drag and drop and automatically save the sequence in database. Sample Table code start <table class=”table table-bordered” id=”tbl_1″> <thead> <tr> <th width=”25%”>Column1 Label</th> <th width=”25%”>Column2 Label</th> <th width=”25%”>Column3 Label</th> <th width=”25%”>Column4 Label</th>
Read articleWhen you have to prefix any hard coded value in a text field, like for example in telephone field you have to prefix the country code and dont want the user to remove it, then in that case assign the prefix code in the text field and add the below javascript code code jQuery(“input[name=’job-code’]”).keydown(function(e
Read article<script type=”text/javascript”> var formChanged = false; jQuery(window).load(function() { // This is triggered when the entiire page is loaded fully // form id and all the possible filed type in that form, You can also target by field type, name, class or id jQuery(‘#FrmIdToTarget input[type=text], #FrmIdToTarget selec
Read articleI want to trigger an event every time i click on select on any element by id First i will try to set the input value by the following code pickedvalue = jQuery(‘#someElementId’).val(); jQuery(‘#anotherInputElement’).val(parseInt(pickedvalue)); // use parseInt if the input type is “number” else not required. After setti
Read articlefunction makeAjaxRequest(data1,data2,…..,datax){ $.ajax({ ‘type’:’POST’, async: false, url: ‘http://www.example.com/some_request_url’, data:{param1:data1,param2:data2,….,paramx:datax}, success : function(response) { console.log(response); // Using this you can check the posted data in browser console window return true
Read articleUsually when we try to submit the form after ajax call on success response, the form does not’t get submitted. Like for example in below code:- $.ajax({ type : “POST”, url : “to/some/url”, data : { userName:userName, mobileNumber:mobileNumber, otp:otp }, dataType : “json”, success : function(data) { if(data.result == t
Read articlefunction validateEmail(email) { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/; return emailReg.test(email); } Usage:- if(validateEmail(emailString)){ alert(‘Your email is valid’); } else{ alert(‘Your email is not valid! There should be atleast @ and one dot(.) present in it’); }
Read articleFirst add the custom method to the validation library as below. Can you put this code in your jquery validation file or in your page where you want to validate the date, just before setting your validation rule for your form. $.validator.addMethod(“dateFormat”, function (value, element) { return value.match(/^(?:(0[1-9
Read article<script type=”text/javascript”> function isValideDate(datavalue){ var regexValidDate = /^(?:(0[1-9]|1[012])[\/.](0[1-9]|[12][0-9]|3[01])[\/.](19|20)[0-9]{2})$/; return regexValidDate.test(datavalue); } var dateToCheck = ’06/01/2011′, if(isValideDate(dateToCheck)){ alert(“Given date is valid as per the format of MM/dd/Y
Read article
