Validate two forms inside one form element with ParsleyJS
up vote
0
down vote
favorite
I'm building two forms which will live on a single page on a Kentico website. kentico websites are wrapped in one single form field so I can't create individual form elements for each form on the page. The problem is parsleyJS will only allow you to pass a form to initialise it e.g. $("#form").parsley(); and I need to validate the forms independent of each other. Has anyone had this issue before? Can anyone recommend a workaround.
$("#form").parsley();input{
display:block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>
<form action="" id="form">
<div class="form1">
<label for="fname">First Name</label>
<input type="text" name="fname" required>
<label for="lname">Last Name</label>
<input type="text" name="lname" required>
<input type="submit" value="submit">
</div>
<div class="form2">
<input type="text" name="anotherInput" required>
<input type="submit" value="submit">
</div>
</form>javascript forms kentico parsley.js
asked Nov 19 at 11:59
user3486427
1238
add a comment |
up vote
0
down vote
favorite
I'm building two forms which will live on a single page on a Kentico website. kentico websites are wrapped in one single form field so I can't create individual form elements for each form on the page. The problem is parsleyJS will only allow you to pass a form to initialise it e.g. $("#form").parsley(); and I need to validate the forms independent of each other. Has anyone had this issue before? Can anyone recommend a workaround.
$("#form").parsley();input{
display:block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>
<form action="" id="form">
<div class="form1">
<label for="fname">First Name</label>
<input type="text" name="fname" required>
<label for="lname">Last Name</label>
<input type="text" name="lname" required>
<input type="submit" value="submit">
</div>
<div class="form2">
<input type="text" name="anotherInput" required>
<input type="submit" value="submit">
</div>
</form>javascript forms kentico parsley.js
asked Nov 19 at 11:59
user3486427
1238
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm building two forms which will live on a single page on a Kentico website. kentico websites are wrapped in one single form field so I can't create individual form elements for each form on the page. The problem is parsleyJS will only allow you to pass a form to initialise it e.g. $("#form").parsley(); and I need to validate the forms independent of each other. Has anyone had this issue before? Can anyone recommend a workaround.
$("#form").parsley();input{
display:block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>
<form action="" id="form">
<div class="form1">
<label for="fname">First Name</label>
<input type="text" name="fname" required>
<label for="lname">Last Name</label>
<input type="text" name="lname" required>
<input type="submit" value="submit">
</div>
<div class="form2">
<input type="text" name="anotherInput" required>
<input type="submit" value="submit">
</div>
</form>javascript forms kentico parsley.js
asked Nov 19 at 11:59
user3486427
1238
I'm building two forms which will live on a single page on a Kentico website. kentico websites are wrapped in one single form field so I can't create individual form elements for each form on the page. The problem is parsleyJS will only allow you to pass a form to initialise it e.g. $("#form").parsley(); and I need to validate the forms independent of each other. Has anyone had this issue before? Can anyone recommend a workaround.
$("#form").parsley();input{
display:block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>
<form action="" id="form">
<div class="form1">
<label for="fname">First Name</label>
<input type="text" name="fname" required>
<label for="lname">Last Name</label>
<input type="text" name="lname" required>
<input type="submit" value="submit">
</div>
<div class="form2">
<input type="text" name="anotherInput" required>
<input type="submit" value="submit">
</div>
</form>$("#form").parsley();input{
display:block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>
<form action="" id="form">
<div class="form1">
<label for="fname">First Name</label>
<input type="text" name="fname" required>
<label for="lname">Last Name</label>
<input type="text" name="lname" required>
<input type="submit" value="submit">
</div>
<div class="form2">
<input type="text" name="anotherInput" required>
<input type="submit" value="submit">
</div>
</form>$("#form").parsley();input{
display:block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script>
<form action="" id="form">
<div class="form1">
<label for="fname">First Name</label>
<input type="text" name="fname" required>
<label for="lname">Last Name</label>
<input type="text" name="lname" required>
<input type="submit" value="submit">
</div>
<div class="form2">
<input type="text" name="anotherInput" required>
<input type="submit" value="submit">
</div>
</form>javascript forms kentico parsley.js
javascript forms kentico parsley.js
asked Nov 19 at 11:59
user3486427
1238
asked Nov 19 at 11:59
user3486427
1238
asked Nov 19 at 11:59
user3486427
1238
asked Nov 19 at 11:59
user3486427
1238
asked Nov 19 at 11:59
user3486427
1238
1238
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
accepted
You may be able to get the results you want using the group option to validate only part of the fields in your form. This is used in this example of a multi step form.
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
add a comment |
up vote
0
down vote
Initialize the forms independent of one another by using the class selector.
$(".form1").parsley();
$(".form2").parsley();
answered Nov 19 at 14:06
Brenden Kehren
4,217921
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
add a comment |
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
You may be able to get the results you want using the group option to validate only part of the fields in your form. This is used in this example of a multi step form.
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
add a comment |
up vote
0
down vote
accepted
You may be able to get the results you want using the group option to validate only part of the fields in your form. This is used in this example of a multi step form.
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
You may be able to get the results you want using the group option to validate only part of the fields in your form. This is used in this example of a multi step form.
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
You may be able to get the results you want using the group option to validate only part of the fields in your form. This is used in this example of a multi step form.
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
answered Nov 19 at 20:43
Marc-André Lafortune
62.2k12139158
62.2k12139158
add a comment |
add a comment |
up vote
0
down vote
Initialize the forms independent of one another by using the class selector.
$(".form1").parsley();
$(".form2").parsley();
answered Nov 19 at 14:06
Brenden Kehren
4,217921
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
add a comment |
up vote
0
down vote
Initialize the forms independent of one another by using the class selector.
$(".form1").parsley();
$(".form2").parsley();
answered Nov 19 at 14:06
Brenden Kehren
4,217921
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
add a comment |
up vote
0
down vote
up vote
0
down vote
Initialize the forms independent of one another by using the class selector.
$(".form1").parsley();
$(".form2").parsley();
answered Nov 19 at 14:06
Brenden Kehren
4,217921
Initialize the forms independent of one another by using the class selector.
$(".form1").parsley();
$(".form2").parsley();
answered Nov 19 at 14:06
Brenden Kehren
4,217921
answered Nov 19 at 14:06
Brenden Kehren
4,217921
answered Nov 19 at 14:06
Brenden Kehren
4,217921
answered Nov 19 at 14:06
Brenden Kehren
4,217921
4,217921
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
add a comment |
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
You can only pass a form to parsley it will not accept a class unless it is on a form.
– user3486427
Nov 19 at 14:45
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53374179%2fvalidate-two-forms-inside-one-form-element-with-parsleyjs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
