Category: jQuery Form

File Size Validation using jQuery

File Upload Form This code shows HTML form containing file input field. On submitting this form, we are calling jQuery function to validate the size of the uploaded file. <form name=”frmFile” id=”frmFile” method=”post” action=””...

jQuery Form Validation with Restrict Multiple URL

HTML Text-Area Input This code shows HTML text area input to the user. After entering text data, the jQuery regex match will be called to check URL occurrences. <textarea id=”text-content” cols=”80″ rows=”4″></textarea> <div> <input...

Twitter Style Remaining Character Count using jQuery

HTML Text-Area to calculate Character Length This HTML code contains text-area and a button to trigger jQuery function to calculate remaining character count. <textarea id=”text-content” cols=”80″ rows=”4″ onKeyup=”count_remaining_character()”></textarea> <div id=”character-count” align=”right”>150</div> jQuery Function Calculating...

jQuery tooltip form validation

Contact Form HTML This code includes contact form field required to be validated using jQuery. After validation, these fields are highlighted to show validation tooltip on mouseover. <div id=”frmContact”> <div id=”mail-status”></div> <label style=”padding-top:20px;”>Name</label> <div>...

HTML Form Submit Button Enable Disable

HTML Form With Disabled Submit Button This code shows the HTML form in which the submit button is disabled initially. <form id=”frm” method=”post”> <div class=”input-group”>Name <span class=”name-validation validation-error”></span></div> <div> <input type=”text” name=”name” id=”name” class=”input-control”...

HTML Form Restricted Fields using jQuery

HTML Form Restricted Fields This is the HTML code for displaying a form containing a name, phone fields in which the users are restricted to type valid data. <form id=”frm” method=”post”> <div class=”input-group”>Name <span...

Twitter Like Character Count Validation using jQuery

Without using any rich text editor plugin. I used editable div tag and jQuery for doing Twitter-like character count validation. Editable Content Area by Character Count Limitation This HTML code contains editable DIV element. On...

jQuery Credit Card Html Form Validator

HTML Form with Credit Card Details This HTML form contains input fields for the user to enter his credit card details. Those are Credit Card Number, Card Holder Name, Expiry Month / Year, CVV....

jQuery Datepicker

For adding jQuery date picker, we need to go with the following steps. Add require javascript library files as usual as we have done with another jQuery event handler, like, Drag/Drop, Show/Hide and etc., to access jQuery...

Getting Checkbox Values in jQuery

Creating HTML Form with Checkboxes This HTML shows a form containing a list of languages with checkbox field. <form name=”matching_Form” id=”matching_Form” action=”” method=”post”> <table border=”0″ cellpadding=”10″ cellspacing=”1″ width=”500″ align=”center”> <tr class=”tableheader”> <td>Languages Known</td> </tr>...

Show Buttons
Hide Buttons
Social Media Auto Publish Powered By : XYZScripts.com