0

我正在构建一个基于 wordpress 的网站，并在其中放置了一个使用 jQuery 的表单。但是，我刚刚开始了解 jquery，所以在使用它时我感觉不太好。我有两个问题。

第一个： 关于这个表单，是否需要在客户端和服务器端都验证表单？还是仅在服务器端（php）就足够了？

第二个问题： 表单有一些字段，如果我单击一个按钮，可以复制这些字段。为此，我使用以下代码：

jQuery代码：

(function($){

 $countForms = 1;

      $.fn.addForms = function(idform){

                    var myform = "<table>"+
                     "  <tr>"+
                     "     <td>Field A ("+$countForms+"):</td>"+
                     "     <td><input type='text' name='fielda["+$countForms+"]'></td>"+
                     "     <td>Field B ("+$countForms+"):</td>"+
                     "     <td><textarea name='fieldb["+$countForms+"]'></textarea></td>"+
                     "     <td><button>remove</button></td>"+
                     "  </tr>"+
                     "</table>";



                    if(idform=='mybutton'){
                        alert(idform);
                        myform = $("<div>"+myform+"</div>");
                        $("button", $(myform)).click(function(){ $(this).parent().parent().remove(); });
                        $(this).append(myform);
                        $countForms++;
                    }

      };
})(jQuery);         



$(function(){
    $("#mybutton").bind("click", function(e){
    e.preventDefault();
    var idform=this.id;

        if($countForms<3){
            $("#container").addForms(idform);
        }       
    });
});

html:

<div id="container"><div>
<form method="post" name="b" >
<table>
    <tr>
        <td>Field A</td>
        <td><input type='text' name='dadoA'></td>
        <td>Field B</td>
        <td><textarea name="dadoB"></textarea></td>
        <td><button>remove</button></td>
    </tr>
</table>
</div>
</div>
<button id="mybutton">add form</button>

<div align="center">
<p><input type="submit" value="Registar" name="registar"></p>
</div>

我知道如何使用 php 来验证这些字段。我不知道当我复制它们时如何验证。
我的意思是，我有这个包含 2 个字段的表单，我复制它们并假设用户用错误/未接受的值填充这个新的（第三个）字段。
单击“提交”后，如何使用 PHP 验证输入、刷新页面、回显 2 个原始字段和重复的字段（用户复制的），所有这些字段都由用户填写并带有错误消息？

4

3 回答 3

1

理想情况下，从用户体验的角度来看，您应该尝试验证客户端，然后仔细检查服务器端。提交表单只是发现有问题是非常烦人的。在提交之前显示错误/问题总是一个加号。

于 2012-07-11T17:48:04.673 回答
0

这可能不是您正在寻找的，但您可以使用以下方法简化验证：实时验证

这是一个 javascript 验证脚本。我喜欢它，它精简、快速且非常易于使用。有关于如何使用它的完整文档，并且都是在客户端运行的。

于 2012-07-11T17:30:35.107 回答
0

我觉得第一个问题在首席炼金术士的回答中得到了很好的回答。要回答第二个问题，您的带有可变字段的表单应作为数组发布。当您处理和验证表单数据时，您应该遍历每个数组条目。

于 2012-07-11T20:10:29.130 回答