JSP/HTML/JS/CSS - フォームで取り消しボタンを作成する方法

Question

JSPコードのフォームに「保存」と「取り消し」機能を置く必要があります。 「保存」をクリックすると、フォームデータを目的の場所に送信する必要があります。 「キャンセル」をクリックすると、意図した場所にデータを送信せずにフォームをキャンセルする必要があります。

おかげ&よろしく、

アルンDhwaj

Answer 1

私は、次の方法でこれを解決したい：

1）myInfo.jsp

<form name="myForm" action="/done" method="POST"> 
<fieldset> 
    <label>Enter new name </label> 
    <input class="form-control" name="edit_filed" id="name_edit" type="text" value="${obj.getfName()} &nbsp;${obj.getlName()}"> 

    <label>Enter new specializations </label> 
    <input class="form-control" name="specializations" id="specializations_edit" type="text" value="${obj.oldSpecialization()}"> 

    <button class="btn btn-success" onClick="Save('myInfo_visual', 'myInfo_edit')">Save</button> 
    <input type="button" value="Cancel" class="btn btn-gray" onClick="Cancel('myInfo_visual', 'myInfo_edit')"/> 
</fieldset> 

2）myInfo.js

function Save(visual, edit) 

{
するvar V =のdocument.getElementById（ビジュアル） var e = document.getElementById（edit）;

関数（ビジュアル編集） {VARのV =のdocument.getElementById（視覚）をキャンセル

v.style.display="block"; 
e.style.display="none"; 

}。 var e = document.getElementById（edit）;

v.style.display="block"; 
e.style.display="none"; 

return false; 

}