Question

这是代码。有两个不同的文件

1 metadata.php

<script>
      $(document).ready(function(){

        $("#addAuthor").click(function(e){
         e.preventDefault();
         $.ajax({url:"n.php",type: "POST",data: ({id: '1'}),success:function(result){
         $("#div1").append(result);
            }});
        });

        $("#removeAuthor").click(function(e){
               e.preventDefault();
               var lastNode = $("#div1").children().last();
               lastNode.prev().remove();
               lastNode.remove();
         });
      });
 </script>

  <div id="div1" >

  </div>
       <button id="addAuthor" >Add Author</button>
      <button id="removeAuthor">Remove Author</button>
<input type="submit" name="save" value="Save & Continue">

2 n.php

Name:<input type="text" name="txtname[]">
age:<input type="text" name="txtage[]">

现在点击“addAuthor”会发生什么事情但ajax加载n.php的所有内容的次数与按钮点击次数相同。

txtname []和txtage []将存储所有文本框的值。但是这些数组会在表单上给出值。

那么如何在表单发布之前验证文本框的值？因为如果我在表单帖子上验证值，并且验证失败，那么metadata.php将不会保留n.php的加载内容。

那我怎么能这样做？

Answer 1

如果您的意思是在提交表单之前验证txtname和txtage，您可以这样做：

<script>
    $(document).ready(function(){
        $("#div1 input[name='txtname']").each(function() {
            // make test on the current txtname
        });

        $("#div1 input[name='txtage']").each(function() {
            // make test on the current txtage
        });

        // uncomment this to prevent form submition
        //return false;
    });
</script>

如何验证文本框的值

1 个答案: