Category archive
Post related to HTML
<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 articleNormally when you use contact form 7 plugin , for dropdown select option, there is no option to set blank value for the first option to validate the select field. For example, what we have in wordpress contact form 7 <select name=”your_field_name”> <option value=””>—</option> <option value=”yes”>Yes</option> <option va
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 articleSay for example you have your checkbox field code in your twig file as below:- @foreach ($serviceList as $servloop) <div class=”checkbox”> <label> <input type=”checkbox” name=”services[]” value=”{{$servloop->service_id}}” {{ ( is_array(old(‘services’)) && in_array($servloop->service_id, old(‘services’)) ) ? ‘checked ‘
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<html> <body> <h1>Welcome to my Website</h1> <h4 id=”msg”>You will be redirected to another page in 5 seconds!</h4> <script type=”text/javascript”> function countDown(i, callback) { callback = callback || function(){}; var int = setInterval(function() { //document.getElementById(“displayDiv”).innerHTML = “Number: ” + i
Read articleThe column which you want to wrap should be added the property called “contentOptions” where you can apply the css property to suits your needs and requirements as below. [ ‘attribute’ => ‘column name’, ‘format’ => ‘html’, ‘noWrap’ => false, ‘mergeHeader’=>true, ‘contentOptions’ => [‘style’ => ‘width: 50%; overflow: sc
Read articleHow to validate and restrict unwanted character for mobile or phone number field using jquery $(document).ready(function () { $(‘#mobile’).keyup(function () { var $th = $(this); $th.val($th.val().replace(/[^0-9]/g, function (str) { return ”; })); }); });
Read article