jQuery ValidationEngine validation of inputs on tabs - prompt position and scrolling -
I have the multi-tab UI for private information, the form captures the entire "TabSet"
Initially, I was using v2.2, which did not have the I have created a "dummy" form in which all my fields are included as hidden information and then created a form for each tab. Then I put it in the dummy form and submit it to collect all the data from each form for submission. The source code is too long for posting here but I have made a Bela here: (There is an invalid field in the address tab, filling the state address for country and country Is required and one of the mailing preferences should be selected) After some initial testing, the code has worked to some degree, it seems that the signal is placed in the wrong position and then the form Does not scroll on fields as default Is I tab added delay of 1 second after switching and it is still placed in the wrong position and can not be scrolled. Any ideas? This code only verifies calls once and appears to generate the desired result. In your demo () they appear to the verification engine To re-add: ValidWishFillfield flag.
I have been upgraded now 2.6.2 To take advantage of this feature
if (! $ ("# Tab1_form") ValidificationEngine ("valid", {validateNewField: true})) {setCurrentTab (0); Sleep (1000); $ ("# Tab 1_form") Validation engine ("Validate", {ValidNonVisible Field: True}); submit = false; } And if (! $ ("# Tab2_form"). Validation Engine ("Validate", {ValidationFileField: true})) {setCurrentTab (1); Sleep (1000); $ ("# Tab2_form") Validation Engine ("Validate", {Valid NewWebFeed Field: True}); submit = false; } And if (! $ ("# Tab3_form") Validation Engine ("Validate", {Valid NewWebFeed Field: True, Update: Status})) {Sleep (1000); setCurrentTab (2); $ ("# Tab3_form") Validation Engine ("Validate", {Valid NewWebFeed Field: True}); submit = false; }
For
(i = 1; i & lt; = 3; i ++) {setCurrentTab (i - 1); Var formID = "# TAB" + + "+ _form"; $ (FormId) .removeClass ('valid'); $ (FormId) ValidationEngine ("validate", {scroll: true, promptPosition: "topRight", showArrow: true, showArrowOnRadioAndCheckbox: true})}
jQuery ('# formID'). Validation engine ('hide'); JQuery ("# formID") validationEngine ('different'). JQuery ("# formID") validationEngine ('enclosed').
Comments
Post a Comment