Question

当弹出模态对话框时，我正在使用jQuery生成表单，表单存在并且看起来很好而且我在控制台中没有收到任何错误...

问题是，当我按下提交按钮时，它什么都不做..我检查了Chrome中的网络标签，但它没有发送任何请求......

这是特定的jQuery代码：

 function getLogin() {
    var html = '<div class="box" id="login">';
        html+='<div id="modalheader"><img id="kruis" src="img/kruis.png"/></div>';
        html+='<div id="modalcontent"><forrm action="includes/login.php" method="post"><table>';
        html+='<tr>';
            html+='<td>Gebruiker</td>';
            html+='<td><input type="text" placeholder="Enter Username" name="uname" size="8" required></td>';
        html+='</tr>';
        html+='<tr>';
            html+='<td rowspan="2">Wachtwoord</td>';
            html+='<td><input type="password" placeholder="Enter Password" name="psw" size="8" required></td>';
        html+='</tr>';
        html+='<tr>';
            html+='<td><input type="submit" value="submit"></td>';
        html+='</tr>';
        html+= '</table></form></div>';
        html+='<div id="modalfooter">97039259</div>';
        container.append(html);
}

Answer 1

请检查您的脚本。你可以误解 <form></form> 标记

您使用 <forrm action="includes/login.php" method="post"> 打开表单标记。

Answer 2

将<forrm action="includes/login.php" method="post">更改为

<form action="includes/login.php" method="post">

Answer 3

form标记时出现语法错误。它应该是form而不是forrm

function getLogin() {
var html = '<div class="box" id="login">';
    html+='<div id="modalheader"><img id="kruis" src="img/kruis.png"/></div>';
    html+='<div id="modalcontent"><form action="includes/login.php" method="post"><table>';
    html+='<tr>';
        html+='<td>Gebruiker</td>';
        html+='<td><input type="text" placeholder="Enter Username" name="uname" size="8" required></td>';
    html+='</tr>';
    html+='<tr>';
        html+='<td rowspan="2">Wachtwoord</td>';
        html+='<td><input type="password" placeholder="Enter Password" name="psw" size="8" required></td>';
    html+='</tr>';
    html+='<tr>';
        html+='<td><input type="submit" value="submit"></td>';
    html+='</tr>';
    html+= '</table></form></div>';
    html+='<div id="modalfooter">97039259</div>';
    container.append(html);
}

jQuery / HTML / PHP - 为什么我的表单提交不起作用？

3 个答案: