在插入发生之前弹出窗口确认/预览记录

时间:2018-04-08 06:21:19

标签: javascript html phonegap

忍受幼儿园对Javascript和Phonegap的介绍。 我需要用户在插入之前预览捕获的记录。有什么工作吗?我的实现如下:



function Preview() {
  var vName = document.getElementById("name").value;
  var vage = document.getElementById("age").value;
  var vplace = document.getElementById("place").value;

  var popup = window.open(view, 'Preview_records');
  popup.document.write('Name:' + vName + '<br /> Age:' + vage + '<br /> Place: ' + vplace + '<br />');
}
&#13;
<form id="view" method="POST" class="formular">
  <label>Name</label>
  <input type="text" name="name" id="name" /><br>
  <label>age</label>
  <input type="text" name="age" id="age" /><br>
  <label>place</label>
  <input type="text" name="place" id="place" />

  <button onclick="Preview()">Preview</button>
</form>
&#13;
&#13;
&#13;

当弹出这个窗口时,我想要有PROCEED按钮和CANCEL按钮,其中PROCEED将带我进入插入功能,CANCEL将退回编辑表格数据。

插入功能

        function Insertion() {
            var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
            db.transaction(insertDT, errorZ, successY);
        }

1 个答案:

答案 0 :(得分:0)

我不知道这样的事情是否适用于phonegap,但这将是我的解决方案:

&#13;
&#13;
<form id="view" method="POST" class="formular">
  <label>Name</label>
  <input type="text" name="name" id="name" /><br>
  <label>age</label>
  <input type="text" name="age" id="age" /><br>
  <label>place</label>
  <input type="text" name="place" id="place" />

  <button onclick="preview()">Preview</button>
  <p id="preview"></p>
  <input id="reset" type="reset" value="Cancel" style="display:none">
  <input id="submit" type="submit" value="Proceed" style="display:none">
</form>
&#13;
{{1}}
&#13;
&#13;
&#13;