Alibabacloud.com offers a wide variety of articles about simple jquery contact form, easily find your simple jquery contact form information here online.
The Ajax () method loads remote data through an HTTP request.
The approach is the jQuery-bottom AJAX implementation. Simple and easy-to-use high-level implementation see $.get, $.post, etc. $.ajax () returns the XMLHttpRequest object that it created. Most of the time you don't have to manipulate the function directly, unless you need to manipulate the infrequently used options for more flexibility.
In the
jquery form Jqtransform, a very practical jquery plugin, automatically beautify your entire form form, including select Drop-down box, text box, radio, check box, button, of course, do not support the input File file selection box, This can refer to our previous Input File s
Jqbootstrapvalidation is a jquery validation plug-in for a Bootstrap framework style form that verifies the basic form field type, such as e-mail format, pure number, Junko parent, or whether the field is empty, A form style and jquery JavaScript framework that relies on the
This example describes the JQuery form field property filter usage. Share to everyone for your reference. The specific analysis is as follows:
Forms contain a variety of form fields, and using the form field Property selector makes it easy to get the radio buttons that have been selected, check boxes, list items, or F
follows:Note: The div is a link to the picture click Link to Baidu's homepage according to the needs can be arbitrarily modified picture and link Locationthe contents of the style Demo.css file are as follows: #d1 { NBSP;HEIGHT:200PX; width:200px; nbsp position:absolute; nbsp } Note: The Position:absolute represents the absolute positioning purpose is to make id= "D1" div out of the document Streamthe code in JS code file D
For example, under the option, we require that the * is required, see figure:
Did you see the page above? Business management channels under the multiple selection must select one, how to do? If none is selected, we will be prompted for the error message when the form is submitted,. We all know that jquery validation input is very simple, but rarely to verify
rulesDate: Match YYYY-MM-DD format
Formvalidation plug-in application instance1. Verify the ticket token Copy codeThe Code is as follows:
2. Check box for verification Copy codeThe Code is as follows:
3. Verify the drop-down list
Copy code The Code is as follows: 4. Verify the phone number Copy codeThe Code is as follows:
5. verify email Copy codeThe Code is as follows:
For the above example, it is relatively simple to use the formval
Onlyletter: Matching Letter Rules
Date: Match YYYY-MM-DD format
Formvalidation Plug-in Application exampleFirst, verify the Radio box
Copy Code code as follows:
Two, verify check box
Copy Code code as follows:
Third, verify the dropdown box
Copy Code code as follows:
Four, verify the telephone number
Copy Code code as follows:
Five, verify the mailbox
Copy Code code as follows:
As
This article mainly introduces jQuery's ultra-simple tab implementation method, and analyzes in detail the tips for jQuery to implement the Tab switching function in the form of a complete instance, which is very simple and practical, for more information about jQuery, see t
(Jsp needs to introduce: jquery-1.9.0.js, jquery. form. js), jsp page is produced by bootstrap, do not understand the label don't worry, form is similar. The code is simple, just to demonstrate how to use ajaxSubmit to asynchronously upload images and save data. Please inclu
jquery $.post method
There is a method in jquery, $.post () to do a simple example of this method:
Jquery.post (URL, [data], [callback], [type]):Use post to make asynchronous requests
Parameters:
URL (String): The URL address where the request is sent.
Data (MAP): (optional) The information to be sent to the server, expressed as a Key/value key-value pair.
jquery Ajax Submission FormIt's only recently that jquery Ajax submission forms can be as simple as$.ajax({ "udpate", type:"POST", data:$(‘#formId‘).serialize(), success: function(data){ alert(data); }, error:function(data){ }});}The point is data:$(‘#formId‘).serialize() that the formid here is the ID of the form.I used
//Verify the information for the formvarMessage= "";functionValidate () {varLienceplate = document.getElementById ("Lienceplate");//License plate number varBar_code = document.getElementById ("Bar_code");//Vehicle Barcode varPhoneNumber = document.getElementById ("PhoneNumber");//Telephone varMobile =/^1[3458]\d{9}$/;//Phone number varLienceplatereg =/^[\u4e00-\u9fa5]{1}[a-z]{1}[a-za-z_0-9]{5}$/;//the regular of the car, the letter case can be varBar_codereg =/^[a-z]{2}[0-9]{8}$/;
Sometimes we do not need complex verification. to judge the Data Type of the form element one by one, we only need to determine whether the field is empty. The following is a simple universal verification, applicable to scenarios that are not sensitive to data security and implemented using jquery.
Verification rules:1. Check whether the element is empty by using
the Div, the blur behavior of input is triggered first, but due to the timer delay, So we have to wait until the div Click Callback executes to perform the callback of the blur behavior of input;
$ ("input"). focus (function () {
this.value = "";}). Blur (function () {
var self=this;
settimeout (function () {
Self.value = "Default value";
},300)}); $ ("div"). Click (function () {//This part invariant
var value = $ ("input"). Val ();
Console.log (value); });
Results: Input "A
For example, in the options below, we need to include * as required. See the figure below:
Did you see the webpage above? You must select one option for multiple business channels. What should I do? If none of them are selected, an error message is prompted when the form is submitted ,,,. As we all know, jquery is very simple to verify input, but it rarely needs
This article mainly introduces jquery to achieve simple text tip effect method, in the form of a complete Example Analysis of jQuery plug-in jquery-1.2.6.pack.js to achieve text tip effect related skills, and provides the jquery-1
Simple jquery left navigation bar and page selection effect, jquery navigation bar
Here is to implement and select the left side of the navigation, this function needs to reference jquery
Left Navigation:
/* reset */body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"\5b8b\4f53","Arial Narrow
In the morning on the bus to read a tutorial on MU-Class network "form verification of the Validate.js plug-in---jQuery Validation Plugin", just can use their recent development of simple microblogging registration page and landing page, Plug-in full name jquery.validate.js, before the introduction of Jquery.validate.js to introduce Jquery.js first. This plugin i
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.