JS Parsley 仅验证表单中的某些字段

Posted

技术标签:

【中文标题】JS Parsley 仅验证表单中的某些字段【英文标题】:JS Parsley validate only some fields in form 【发布时间】:2017-03-11 21:25:16 【问题描述】:

这里我有一个表单,我用 parsley js 验证该表单:

<form id="form" parsley-validate>
    <label for="name">Name</label>
    <input type="text" name="name"
        parsley-minlength="5"
        parsley-required="true"
    />

    <label for="lname">Last Name</label>
    <input type="text" name="lname"
        parsley-minlength="5"
        parsley-required="true"
    />

    <label for="email">Email</label>
    <input type="text" name="email"
        parsley-required="true"
        parsley-type="email"
    />
<!--
    <label for="email">Password</label>
    <input type="password" name="pw" id="pw"
        parsley-minlength="8"
        parsley-required="true"
    />
    <input type="password" name="pw-verify"
        parsley-equalto="#pw"
        parsley-required="true"
    />
-->

    <button type="submit">Submit</button>
</form>
    <button id="validate" >VALIDATE ONLY NAME and Last Name</button>

但是现在我需要在单击按钮 id=validate 时仅验证表单中的 name 和 lname 字段,所以我不想提交表单只是想验证这些文件?

这可能吗?

演示:http://jsfiddle.net/RT5aN/405/

【问题讨论】:

【参考方案1】:

您可以使用验证组 (data-parsley-group)。请参阅此 SOquestion。

您也可以随时触发验证。它不必只在提交时。只需将按钮连接到函数并调用:

$('#myForm').parsley().validate("my-validation-group");

或省略组名,它将验证所有内容。

【讨论】:

以上是关于JS Parsley 仅验证表单中的某些字段的主要内容,如果未能解决你的问题,请参考以下文章

使用 jquery.inputmask 插件进行 parsley.js 验证

Parsley JS 强制字段验证状态失败

Parsley JS 未验证

parsley.js 可选地验证数字输入

使用 parsley.js 验证表单提交外部表单标记

Parsley 验证不等待远程验证 AsyncValidate 完成