javascript - 如何使用 标签提交表单

Question

我制作了一个登录表单，并使用 <button type="submit">但它不起作用。当我使用<input type="submit">时它完全有效...java脚本中有没有任何方法可以使用 <button type="submit">提交表格？

    <form class="modal-content animate" method="post">
    <div class="imgcontainer">
    <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
    </div>

   <div class="container">
    <label><b>Program name</b></label>
      <input type="text" placeholder="Enter Program name" name="Pname" required>

    <label><b>Authentication ID</b></label>
    <input type="password" placeholder="Enter Authentication ID" name="psw" required>

    <button type="submit" name="submit">Login</button>
    <input type="checkbox" checked="checked"> Remember me
   </div>
   <?php
   error_reporting(0);
    session_start();
    include("connection.php");
   $Pname=$_POST['Pname'];
   $psw=$_POST['psw'];
    $_SESSION['$Pname']=$Pname;
   if($_POST['submit'])
   {
      if($Pname=="" or $psw=="")
    {
    //echo '<p align="center" style="color:red">plz enter all info</p>';
    }
       else
    {
       $sql="select * from login where psw='$psw'";
        $rData=mysql_query($sql);
        $res=mysql_fetch_array($rData);
         if($res['Pname']==$Pname && $res['psw']==$psw)
      {
           header("location:po.php?psw=$psw");
       }
        else
       {
        echo '<p align="center" style="color:red">invalid user name and  password';

       }
     }
     }
   ?>

当我使用 <input type="submit" name="submit"> 时它有效，但是当我使用 <button type="submit"> 时我不工作...那么我如何使用按钮来工作？

Answer 1

您可以通过 JavaScript 在按钮的单击事件处理程序中调用表单上的 .submit() 来提交表单。