javascript - Bootstrap 表单在提交时不调用 JS 函数

Question

我有以下代码，其中包含一个表单，该表单在提交时调用 JavaScript 函数。

<div class="form" role="form" onsubmit="createresult()">
    <fieldset>
    <?php
        $subject = $_GET["sub"];
        $array = mysqli_query($con, "Select * from questions where subject='$subject'");
        $j =1;
        while($row = mysqli_fetch_array($array))
        {
            echo "
            <div class=\"form-group\"><h5>$row[question]</h5>";
                for($i=1;$i<5;$i++)
                {
                    $opt1 = "option".$i;
                    $opt = $row[$opt1];
                    $name = "question" ."$j";
                    echo "
                <label class=\"radio-inline\">
                <input type=\"radio\" name=$name required>$opt</label>";
            }
            echo "</div>";
            $j++;
        }
        ?>

    <button type="submit" class="btn btn-primary" name="submit">Submit</button>
    <button type="reset" class="btn btn-primary">Reset</button>
    </fieldset>
</div>

PHP 脚本工作正常，但此表单未调用 JavaScript 函数 createresult()。

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onsubmit

当用户单击 <form> 内的提交按钮时，就会发生提交事件标签。现在您使用 <div>标签。

如果您想使用<div>标签，而不是使用 onsubmit ，使用onclick在提交

<button type="submit" class="btn btn-primary" name="submit" onclick="createresult()">Submit</button>