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 ValidWishFillfield flag.
I have been upgraded now 2.6.2 To take advantage of this feature

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.

  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; }   

Any ideas?

This code only verifies calls once and appears to generate the desired result.

 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})}   

In your demo () they appear to the verification engine To re-add:

  jQuery ('# formID'). Validation engine ('hide'); JQuery ("# ​​formID") validationEngine ('different'). JQuery ("# ​​formID") validationEngine ('enclosed').    

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -