Question

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

非常感谢！

Answer 1

您可能想要使用jQuery Validation。它符合您的要求。

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

Answer 2

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

    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 div。

实时表单验证

2 个答案: