Question

我在另一个.php文件中有一个表单，我将其包含在我的主文件index.php中;问题是Form不会运行我的javascript isValidForm（）。我尝试使用OnClick和OnSubmit，甚至尝试了两个togeher强制它。但是表单只是执行操作，并且不执行Javascript代码。

 <body>
    <script type="text/javascript">
            function isValidForm(){
                          var string1 = document.getElementById('captcha1').value);
                          var string2 = document.getElementById('captcha2').value);
                          if (string1==string2){
                            return true;
                          }
                          else{        
                            return false;
                          }
                      }
        </script>


    <div class="top-menu">
     <?php include 'menu_top.php';?>
    </div>

他们我在文件中收到了“menu_top.php”索引：

 <form id="form_login" action="actions/login.php" method="post" onsubmit="return isValidForm();">               
       <input name="Captcha" id="captcha1" type="text" style="width:200px !important;" class="input_text" placeholder="captcha code"/>
       <input type="submit" value="login" class="button" onClick="return isValidForm();">
    </form>

Answer 1

你有两行以下的语法错误。

var string1 = document.getElementById('captcha1').value;
var string2 = document.getElementById('captcha2').value;

同样改变形式：

<form id="form_login" action="actions/login.php" method="post" onsubmit="return isValidForm();"> 
<input name="Captcha" id="captcha1" type="text" style="width:200px !important;" class="input_text" placeholder="captcha code"/>
<input name="Captcha" id="captcha2" type="text" style="width:200px !important;" class="input_text" placeholder="captcha code"/>
<input type="submit" value="login" class="button">
</form>

Answer 2

我可以在这个

中看到两个问题

1）你已经添加了额外的结束括号，你试图获得该值。

2）请检查你得到的＆＃34; captcha2＆＃34;值？

脚本

 function isValidForm(){
                      var string1 = document.getElementById('captcha1').value;
                      var string2 = document.getElementById('captcha2').value;
                      if (string1==string2){
                        return true;
                      }
                      else{        
                        return false;
                      }
                  }

HTML

<form id="form_login" action="actions/login.php" method="post" onsubmit="return isValidForm()">               
   <input name="Captcha" id="captcha1" type="text" style="width:200px !important;" class="input_text" placeholder="captcha code"/>
    <input name="Captcha" id="captcha2" type="text" style="width:200px !important;" class="input_text" placeholder="captcha code"/>
   <input type="submit" value="login" class="button">
</form>

codepen working example

Javascript代码不执行：IsFormValid（）

2 个答案: