Question

如何在不同表单的验证中验证表单字段因为我有两种形式如果我在提交第一种形式而没有感觉到另一种形式，那么我如何在JS中验证另一种形式。请帮帮我

我的代码如下

<form action="#" method="post" target="_top" onsubmit="return validate()" id="sponsorform1">      
    <input style="margin-left: 25px;" type="image" alt="" name="submit"
      src="http://www.voyage.com/wp-content/uploads/2014/02/sponsor.png" width="250px"><br>
    <input type="hidden" name="cmd" value="_xclick"><br>
    <input type="hidden" name="business" value=""><br>
    <input type="hidden" name="no_shipping" value="1"><br>
    <input type="hidden" name="currency_code" value="GBP"><br>
    <input type="hidden" name="no_note" value="1"><br>
    <input type="hidden" name="rm" value="2"><br>
    <input type="hidden" name="amount" value="300"><br>
    <input type="hidden" name="item_name" value=""><br>
    <input type="hidden" name="custom" value="">
</form>

我的第二种形式是：

<form action="#" method="post" target="_top" onsubmit="return validate()"
 id="ninja_forms_form_2">      
  <input style="margin-left: 25px;" type="image" alt="" name="submit"
   src="http://www.voyage.com/wp-content/uploads/2014/02/sponsor.png" width="250px"><br>
  <input type="text" name="name" ><br>
  <input type="text" name="surname" ><br>
</form>

如果我提交我的第一张表格，那么我必须验证我的第二张表格。我怎么能在Javascript中做到这一点??? 请帮帮我....

我的Javascript验证是

<script  type="text/javascript">
    function validate() {
      alert('hi');
      if (!document.getElementById("ninja_forms_form_2").submit()) {
        alert('Please Fill up the Below Form');
        var x=callme();
        return false;
      }
    }       

    function callme() {
      alert('call');    
     }
</script>

由于没有显示此提醒，请致电＆＃39;
请帮忙，因为我对此很新。

Answer 1

试试这个..

<html>
<head>
<script type="text/javascript">
    function validate() {
        var name = document.getElementById("name").value;
        var surname = document.getElementById("surname").value;
        alert(name + " " + surname);
        if((name==null || name == "") 
                && (surname==null || surname=="")){
            alert('Please Fill up the Below Form');
            return false;
        }
        return true;
    }
</script>
</head>
<body>
    <form action="#" method="post" target="_top"
        onsubmit="return validate()" id="sponsorform1">
        <input style="margin-left: 25px;" type="image" alt="" name="submit"
            src="http://www.voyage.com/wp-content/uploads/2014/02/sponsor.png"
            width="250px"><br> <input type="hidden" name="cmd"
            value="_xclick"><br> <input type="hidden"
            name="business" value=""><br> <input type="hidden"
            name="no_shipping" value="1"><br> <input type="hidden"
            name="currency_code" value="GBP"><br> <input
            type="hidden" name="no_note" value="1"><br> <input
            type="hidden" name="rm" value="2"><br> <input
            type="hidden" name="amount" value="300"><br> <input
            type="hidden" name="item_name" value=""><br> <input
            type="hidden" name="custom" value="">
    </form>






    my second form is



    <form action="#" method="post" target="_top"
        onsubmit="return validate()" id="sponsor">
        <input style="margin-left: 25px;" type="image" alt="" name="submit"
            src="http://www.voyage.com/wp-content/uploads/2014/02/sponsor.png"
            width="250px"><br> <input type="text" id="name"><br>
        <input type="text" id="surname"><br>

    </form>
</body>
</html>

请注意，我使用id属性而不是name作为输入字段。

如何使用JS验证不同表单验证中的表单字段

1 个答案: