Javascript 代码不执行：IsFormValid()答案

【问题标题】：Javascript code dont exec : IsFormValid()Javascript 代码不执行：IsFormValid()
【发布时间】：2017-05-05 10:59:57
【问题描述】：

我在我的主文件 index.php 中包含另一个 .php 文件中的表单；问题是表单不会运行我的javascript isValidForm()。我尝试使用 OnClick 和 OnSubmit，甚至尝试将两者结合使用。但是表单只是执行操作，而不执行 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>

【问题讨论】：

代码看起来不错，你能提供一个工作示例作为代码 sn-p 或 jsfiddle 吗？
检查我的答案希望它会有所帮助

标签： javascript php validation

【解决方案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>

【讨论】：

【解决方案2】：

我可以看到两个问题

1) 您在尝试获取值的位置添加了额外的右括号。

2) 请检查您是否获得“captcha2”值？

脚本

 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

【讨论】：