0

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

非常感谢!

4

2 回答 2

1

您可能想要使用jQuery Validation。它可以满足您的要求。

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

于 2012-05-17T21:45:00.637 回答
0

您可以挂钩一个事件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>

我已经查看了该库的源代码,最好的办法是检查errorFound传递给jqv.form.result事件处理程序的对象,如果运气好的话,您将能够运行一组错误消息并将它们写入分区hookError

于 2012-05-17T21:46:31.203 回答