使用按钮以其他形式重置表单验证

时间:2016-05-27 21:53:09

标签: jquery forms validation formvalidation-plugin formvalidation.io

我从validation.io使用,但我有一个问题。 我没有重置字段验证form1,它在form2中正常工作。

我尝试了触发但没有工作。

我该怎么办?你对我的朋友有什么想法吗?

<form id="form1">
    <input type="reset" click="resetForm2()">
</form>

<form id="form2">
    <input id="text1" type="text" value="value">
    <input id="text2" type="text" value="value">
    <input id="text3" type="text" value="value">
    <input id="text4" type="text" value="value">
    .
    .
    .
    <input id="text16" type="text" value="value">
    <input type="reset" click="resetForm2()">
</form>

formvalidation reset metod

function reserForm2()
{
    $('#form2').data('formValidation').resetForm($('#form2'));
}

1 个答案:

答案 0 :(得分:2)

form="form2"属性添加到休息按钮。有关详细信息,请参阅this

&#13;
&#13;
function reserForm2()
{
    $('#form2').data('formValidation').resetForm($('#form2'));
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1">
    <input type="reset" click="resetForm2()" form="form2">
</form>

<form id="form2">
    <input id="text1" type="text" value="value">
    <input id="text2" type="text" value="value">
    <input id="text3" type="text" value="value">
    <input id="text4" type="text" value="value">

    <input id="text16" type="text" value="value">
    <input type="reset" click="resetForm2()">
</form>
&#13;
&#13;
&#13;