实时表单验证

Real time form validation

本文关键字：验证 表单 实时      更新时间：2023-09-26

我在实时表单验证方面遇到问题。我使用此脚本 http://position-relative.net/creation/formValidator 来验证某些表单，但我需要一些更改，但我不知道如何进行这些更改。我可以显示错误消息概述表单(一个框用于所有消息(吗？假设在页面角落的框中(不像现在这样在每个输入上方(？如果是，有谁知道怎么做？此外，我需要一个规则来检查输入是否唯一(用户不能在不同的字段上插入相同的值(。也许有人知道另一个具有此选项的脚本。谁能帮我？我是JS的新手，我必须完成这项工作。

多谢！

你可能想要使用 jQuery Validation。它做到了你的要求。

您可以创建自己的验证规则，这样就可以为每个输入框要求完成唯一值。

有一个事件可以挂接到jqv.form.result 要将消息推送到特定的div 并执行一些额外的验证，您可以将自己的错误消息推送回 errorFound 对象。

jQuery("#formID").validationEngine();
$("#formID").bind("jqv.form.validating", function (event) {
    $("#hookError").html("");
});
$("#formID").bind("jqv.form.result", function (event, errorFound) {
    if (errorFound) $("#hookError").append("There is some problems with your form");
});

<form id="formID" class="formular" method="post" action="">  
<div id="hookError" style="color:red; font-weight:bold;height:20px;"></div>

我已经浏览了该库的源代码，最好的选择是检查传递到 jqv.form.result 事件处理程序中的errorFound对象，运气好的话，您将能够运行一系列错误消息并将它们写入 hookErrordiv。

相关文章：