Question

我有以下内容：

1a）form.php：html表单输入字段，我让用户更新其帐户详细信息：

<input type="text" id="first_name" name="first_name" placeholder="First name" value="<?php echo $first_name; ?>">

注意：php $ first_name变量具有数据库生成值

1b）form.php：制作一个javascript var来获取输入值

var firstname = document.getElementById("first_name").value;

2）form.js：

$('.account-details input[type="submit"]').click(function () {
    //validation code
    if(firstname === ""){
       //code here
    }
    //etc ... other validation code
}

注意：我使用scr将form.js链接到form.php

<script src="js/form.js"></script>

问题：如何获取用户输入的新值，而不是我回收的数据库中的值？

Answer 1

您需要通过JavaScript获取值并通过AJAX将其发送到外部PHP页面，该页面将使用该值作为POST或GET变量运行数据库INSERT查询。这是一种方法

var firstname = document.getElementById("first_name").value;
$.ajax({
                type: "POST",
                url: "modifyuser.php",     //Your php page
                data: "firstname="+ firstname,     // pass data
                success: function(response){
                    $('#output').html(response);
                }
            });
        return false;

    }
    //etc ... other validation code
}

php页面

<?php
// your connect etc etc
$firstname = $_POST['firstname'];

mysql query to insert data

echo "SUCCESS";

＆GT;

如何在javascript中读取新的表单值输入，而数据库生成的变量是输入表单值？

1 个答案: