jQuery Validation- Validating table fields on the onclick of hyperlink button and showing error message summary

Question

I have a form that contains various tables. These tables are shown or hidden when the next button is clicked. So this virtually provides a navigation to the user from one page to another while the form is same and just the tables are shown/hidden. Now what I need is validate these table on click of next button (a hyperlink type) and show a validation summary each time. I know validate can be used for the whole form but I need to just validate the table elements and then show the summary.

Keep in mind that I am using non obtrusive client side validation, the elements are being created using that model thing. Also, it currently does that validation but on submit button at the end. very brief sample of my table

<table id= "table1">
    <tr>
        <td1>First coulmn</td1>
        <td2>value2</td2>
        <td3>
            <a id="Next" onclick= "javascript:function1()">Save</a>
        </td3>
    </tr>
</table>

can you post the rest of the code so I can see what function1 does etc? — chris
– chris, Commented Nov 21, 2012 at 22:36
You can call $("#id").valid() where #id identifies a form field rather than the entire form. — Barmar
– Barmar, Commented Nov 21, 2012 at 22:57

Jayyrus · Accepted Answer · 2012-11-23 00:18:58Z

0

<table id= "table1">
    <tr>
        <td1>First coulmn</td1>
        <td2>value2</td2>
        <td3>
            <a id="Next" onclick= "javascript:validAndNext('1')">Save</a>
        </td3>
    </tr>
</table>
    .
    .
    .
<table id="tableN"> 

function validAndNext(table_id){
   var table = $('#table'+table_id);
   var inputs = table.find("input");
   var valid = true;
   inputs.each(function(){
       // A type of validation is:
       if($(this).val().length<=0) valid = false;                
   });
   if(valid){
      table.hide();
      $('#table'+(table_id+1)).show();
   }else alert('Your table is not valid!');
}

edited Nov 23, 2012 at 0:18

answered Nov 21, 2012 at 23:15

Jayyrus

13.1k41 gold badges136 silver badges215 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user1843430 Over a year ago

can you please elaborate what you have done with Valid $(this).val();?

user1843430 Over a year ago

Thanks a ton man, that really works. But can you also advise how can I show a summary of errors for each of these fields on the top of the form? Thanks

user1843430 Over a year ago

And also if $(this).val(); checks for elements which have validation class against them or for all?

Collectives™ on Stack Overflow

jQuery Validation- Validating table fields on the onclick of hyperlink button and showing error message summary

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related