jquery accordion form with validation example

：View Layer:Controller (verify Uniqueness):Application of jquery form validation plugin in Yii framework

record.jsp1234String Path =Request.getcontextpath ();5String basepath = request.getscheme () + "://" +request.getservername () + ":" +request.getserverport () +path+ "/";6%>7 89Ten One A - - the - - at104 the 106107108109 the111Title: theDate: 113Amount: theDescription: the the117118119iftest= "${result = = ' success '}" > -121122iftest= "${result = = ' failed '}" >123124 the126127 -jquery form

"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/>"Post"action=""> class="int"> for="username"> User name:"text"Id="username" class="Required"/> class="int"> for="Email"> Email:"text"Id="Email" class="Required"/> class="int"> for="Personinfo"> Personal Information:"text"Id="Personinfo"/> class="Sub"> "Submit"Value="Submit"Id="Send"/>"Reset"Id="Res"/>

JQuery Implementation button-click Select/Reverse Menu marquee/CheckBox text box form validation Rookie first release, if there is a wrong also hope to point out The above mentioned is the entire content of this article, I hope you can enjoy.

Finishing the front-end JS notes the first article!Form form Submission$ (". Submit"). Removeattr. (' onclick '); $ (' [name= ' form table sole name "]"). Submit;Gets the ID of input$ (' #id '). Val ();Get the name of input$ (' [name= ' name value '] '). Val ();Each method matches the function specified by the element for each element$ ("Li"). each (function ())

Validation does not pass the triggering method because validate does not provide a form submission. Here's a little bit of expansion.Reference scenario: Validation of the form element each time it is submitted does not pass the trigger methodOpen the source code to find the Focusinvalid method, here is the submission o

FormPluginAPI provides many useful methods for you to easily process the data and form submission processes in the form, this article introduces the formDdata parameter validation form of the jQueryform plug-in and the related knowledge of submitting after verification, if you are interested, let's take a look at it. T

This section of the code to give a simple form validation instance, is to determine whether the input box is empty, you can follow this principle, to join the regular expression judgment, to achieve a variety of powerful forms validation functionWeb portal Source CodeThis fragment is from http://www.huiyi8.com/webyuanma/menhu/

This article is mainly on the jquery plug-in easyui form validation submission of the sample code is introduced, the need for friends can come to the reference, I hope to help you. Code as follows: code as follows://Form Submit $ (' #myForm '). Form ({ NBSP;url: '/proce

jquery Practice Form Validation Copy Code code as follows: jquery Code Copy Code code as follows: $ (document). Ready ( function () { $ ("#myform"). Submit (function () { var username=$ ("#name"). Val (); var age=$ ("#age"). Val (); var sex=$ ("input[name = ' sex '][checked]"). Val ();

Obviously, this will improve the user experience. HTML code: Copy Code code as follows: jquery Code: Copy Code code as follows: OK, now let's analyze the jquery statements in detail. Look at the statement of the DOM action first $ (' form:input ') This is the Similarly, there are $ (': Text '), $ (': CheckBox '), and so on. As long as you understand that only i

credit card number.", Equalto:"Please enter the same value again.", Accept:"Please enter a value with a valid extension.", MaxLength: $.validator.format ("Please enter no more than {0} characters."), minlength: $.validator.format ("Please enter at least {0} characters."), Rangelength: $.validator.format ("Please enter a value between {0} and {1} characters long."), Range: $.validator.format ("Please enter a value between {0} and {1}."), Max: $.validator.format ("Please enter a value of less tha

). focus (); A$ ("#tips"). HTML ("cannot be empty"); - } -});4. Determine if the ID card is correct:1$ ("#idCard"). Blur (function() {2 varIdcard = $ ("#idCard"). Val ();3 varBo =/^ (\d{6}) (18|19|20)? (\d{2}) ([01]\d) ([0123]\d) (\d{3}) (\d| X)? $/. Test (Idcard);4 varYear = IDCARD.SUBSTR (6, 4);5 varmonth = Idcard.substr (10, 2);6 varDay = Idcard.substr (12, 2);7 8 if(! ($.trim ($ ( This). val ()) = = ")){9 if(Bo = =false|| Mon

For example: The validation input box can only be entered between 0-1000 digits with a maximum of 2 decimal digitsform $.extend ($.fn.validatebox.defaults.rules, {CHS: {validator:function (value, param) {return/^[\u0391-\uffe 5]+$/.test (value); Message: ' Please enter Chinese characters '}, 中文版: {//verify English validator:function (value) {return/^[a-za-z]+$/i.test (value ); Message: ' En

the name, email, subject, and Message fields: We add a style named Easyui-validatebox to the input tag, so the input tag will apply validation based on the Validtype attribute.Block form submission When the form is invalid When the user clicks the Submit button for the form, if the

In the form verification, if the form information is more, resulting in the Submit button and error message is not displayed on the screen, it will be unable to submit, and no friendly prompt question.The ideal solution is to automatically locate the error prompt when the error is verified, so that the user can view and modify it.$ ("#Send"). Click (function (e) { //This line is opera's patch, less i

FormPluginAPI provides many useful methods for you to easily process the data and form submission processes in the form, this article introduces the formDdata Parameter validation form of the jQueryform plug-in and the related knowledge of submitting after verification, if you are interested, let's take a look at it. T

for= "username" > user name: for= "email" > Email: for= "Personinfo" > Profile:jquery form Validation

123456789 $ the the the the - for= "username" > Username: in the the About for= "email" > Email: the the the + for= "Personinfo" > Profile: - theBayi the the - - the thejquery form Validation

$.get and $.post methods, the first argument is the address, the second is the passed value, and the third is the successful callback functionPost method: The code is as follows Copy Code function Emailb () {var email = $ ("#email"). Val ();if (email== "") {$ ("#inf_email"). ReplaceWith (' }else{$.post ("/index.php/index/checkemail2", {"email": Email, "randnum": math.random () + "},function(RES) {if (res== ' 1 ') {$ ("#inf_email"). ReplaceWith (' }else{$ ("#inf_email"