使用输入="提交"要提交的字段而不是按钮=""与parsley.js

时间:2015-07-08 10:37:15

标签: jquery asp.net forms submit parsley.js

我目前有一个ASP.net页面,在整个页面周围有一个表单标记。在该页面中,我有两个表单,当单击它们各自的提交按钮时,使用parsley.js进行验证。 目前,验证这些表单的触发器是按钮,我需要输入它们="提交"。有没有人知道如何执行此操作?

这是一个JS小提琴示例 - http://jsfiddle.net/ukgvam9k/26/

<form method='post' id='form'>
<div class="first">
    <input type='text' id='firstname' name='firstname' data-parsley-group="first" required />
    <input type='text' id='lastname' name='lastname' data-parsley-group="first" required />
    <input type='text' id='phone' name='phone' data-parsley-group="first" required />
    <button type="button" id="submit-form">Submit</button>
</div>

<div class="secon">
    <input type='text' id='thisisrequired' name='thisisrequired' data-parsley-group="second" required />
    <button type="button" id="submit-form2">Submit 2</button>
</div>  

$("#submit-form").on('click', function () {
$('#form').parsley().validate("first");
if ($('#form').parsley().isValid("first")) {

    $('#form').parsley().destroy();
     console.log('valid');
     //$('#form').submit();
} else {
    console.log('not valid');
}});

$("#submit-form2").on('click', function () {
$('#form').parsley().validate("second");
if ($('#form').parsley().isValid("second")) {
    $('#form').parsley().destroy();
    console.log('valid');
} else {
    console.log('not valid');
}});

1 个答案:

答案 0 :(得分:0)

@Learner再次来救援!这是他的小提琴 - js.fiddle

<div></div>