Foundation framework 2 forms in the same document, data validation

I’m creating a user login system with PHP and MySQL and I am using Foundation CSS framework for the needed styling.

Since there is the inbuilt capability of validating forms with the data-abide attribute for forms in foundation I am using those to do the validation part. My design has log in and register in the same page. Kind of like facebook.

my code looks something similar to this

<form method="POST" id="login_form" name="login" data-abide>
username field
password field
submit button

</form>

<form method="POST" id="register_form" name="register" data-abide>
username field
email field
password field
submit button
</form>

Say now I click the submit button of the login_form. My validation for the register_form kicks in and highlights the fields in register_form.

Is there any way for me to use Foundation abide validation and both the forms in the same document?

Explanation of why the problem arises is much appreciated with the answer.

Thank you!


Source: jquery

Leave a Reply