Редактировать содержимое onclick и отправить в базу данных PHP

Question

Я пытаюсь представить форму textarea в базу данных. В текстовом поле должен быть стандартный «PLease enter ...», а затем, когда пользователь введет нажатие на кнопку «Изменить» в стороне формы, он должен сделать редактируемую текстовую область. После этого он должен позволить пользователю отправлять содержимое в базу данных.

Я не могу редактировать содержимое, поскольку оно автоматически отправляет форму без нажатия кнопки отправки.

Ниже приведены коды, которые я сделал до сих пор:

<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> 

Answer 1

Удалите $ (это) .text ('Submit');

В основном вы говорите, что текстовое поле становится редактируемым, а затем мгновенно передает форму после этого.

Кроме того, ваш слушатель может быть вызван до того, как этот элемент будет загружен в DOM. Поместите функцию в функцию $ (document) .ready. Если это не работает, попробуйте ниже.

Изменить кнопку на следующей

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

и добавить этот скрипт на страницу

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