编辑内容onclick并提交到数据库PHP

时间:2017-01-19 04:59:31

标签: html forms button submit edit

我正在尝试将textarea表单提交到数据库。在textarea中,应该有一个标准的“PLease enter ...”然后当登录用户按下表单侧面的“编辑”按钮时,它应该使textarea可以编辑。之后,它应该允许用户将内容提交到数据库中。

我无法编辑内容,因为它在不单击提交按钮的情况下自动提交表单。

以下是我到目前为止所做的代码:

<div id="review">
<script>
        $('#edit').click(function(){
        $('#editable').removeAttr('readonly');
        $(this).text('submit');
        });
        </script>
<form action="" method="post">

        <textarea cols="50" rows="6" id='editable' readonly>Please post...!</textarea>
        <button id='edit'>Edit</button>

        <input type="submit" id="submit" name="submit" value="save" onclick="return confirm('Is the form filled out correctly?')"/> 

        </form>     
    </div>

1 个答案:

答案 0 :(得分:0)

删除$(this).text('submit');

基本上你告诉textarea可以编辑,然后立即提交表格。

此外,在将该元素加载到DOM之前,可能会调用您的侦听器。将函数放在$(document).ready函数中。如果这不起作用,请尝试以下方式。

将按钮更改为以下

<div id='edit' onclick="enableText()">Edit</div>

并将此脚本添加到您的页面

function enableText(){
    document.getElementById("editable").disabled = false;
};