为什么此代码显示异常行为?(未提交表格) [英] Why is this code showing anomalous behaviour? (form not submitted)

问题描述

我正在尝试使用PHP和Ajax提交表单.但是问题在于，有时它插入一个值，有时插入2，有时全部插入，而现在却什么也不插入.为什么会这样呢?我该如何纠正?

I'm trying to submit a form using PHP and Ajax. But the problem is that sometimes it inserts one value, sometimes 2, sometimes all, and now it is inserting nothing. Why is it happening? How can I correct it?

这是我的代码: Ajax

$(document).ready(function(){
$("button").click(function(){
$.ajax({
    url: "submitform.php",
    type: "POST",
    data: $("form").serialize(),
    success: function(data){
        alert("well");
    },
    error: function(){
            alert("Error");
            }
        });
    });
 });

HTML

<form id="signupform" name="form1" method="post" enctype="multipart/form-data">
                    <table>
                      <tr>
                        <td><input type="text" name="name" placeholder="Enter your name" required /></td>
                        <td rowspan="3"><div class="propic"><img id="imgid" src="images/dp.png" /></div>
                          <input id="imgInput" type="file" name="image"/></td>
                      </tr>
                      <tr>
                        <td><input type="text" name="username" placeholder="Enter username" required /></td>
                      </tr>
                      <tr>
                        <td><input id="digits" type="text" name="phone" maxlength="10" placeholder="Enter your phone no." required /></td>
                      </tr>
                      <tr>
                        <td><input type="password" name="password" maxlength="12" placeholder="Enter password" required /></td>
                        <td><input id="button" type="submit" name="submit" value="Sign Up" /></td>
                      </tr>
</table>
</form>

PHP

<?php
$conn=mysqli_connect("localhost", "root", "", "winkcage");
//$im=$_SESSION["pathsession"];
$nam=""; $usernam=""; $phon=""; $pass="";
$nam=$_POST["name"];
$usernam=$_POST["username"];
$phon=$_POST["phone"];
$pass=$_POST["password"];
$signquery="INSERT INTO signup(name, username, phone, password) VALUES('$nam', '$usernam', '$phon', '$pass')";
$signqueryrun=mysqli_query($conn, $signquery);
?>

注意:我现在不想插入图像值.解决此问题后，我将其插入.

NOTE: I don't want to insert image value right now. I'll insert it later when this problem is fixed.

推荐答案

您将onclick分配给按钮元素，但是页面上没有按钮元素，您的按钮是输入元素.将其更改为一个按钮，它可能会起作用.我个人建议使用id而不是元素类型，我认为这可以使事情更清楚，并且可以让您在不破坏代码的情况下拥有多个相同类型的元素.

You assign your onclick to a button element, but there is no button element on your page, your button is an input element. Change that to a button and it may work. I personally would advise using ids, rather than element types, I think it makes things clearer, and will allow you to have more than one element of the same type without breaking your code.

更改

$("button").click(function(){

到

$("#button").click(function(){

和

data: $("form").serialize(),

到

data: $("#signupform").serialize(),

这篇关于为什么此代码显示异常行为?(未提交表格)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！