我会在我的表单中使用一个对话框。我可以在窗体中显示对话框。我希望当我单击对话框中的"是"按钮时，我可以与表单上的"后退"按钮具有相同的行为。你是怎么做到的？谢谢你的帮助。在我开发的代码下面：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="jquery-ui-1.10.4/css/custom-theme/jquery-ui-1.10.4.custom.css" rel="stylesheet">
<script src="jquery-ui-1.10.4/js/jquery-1.10.2.js"></script>
<script src="jquery-ui-1.10.4/js/jquery-ui-1.10.4.js"></script>
<title>Test</title>
<script>
let validation = function(form) {
$("#dialog").dialog({
modal: true,
buttons: {
Yes: function() {
$(this).dialog("close");
document.getElementById("myForm-previous").submit();
},
No: function() {
$(this).dialog("close");
}
}
});
return false;
}
</script>
</head>
<body>
<div id="dialog" title="Confirmation">
<p>Warning!!!
You will lose your data!
Do you want to continue ?</p>
</div>
<form id="myForm" name="myFrom"/>
<input type="file"/><br/>
<input type="file"/><br/>
<input id="myForm-previous" value="BackWard" type="submit" onclick="return validation()"/><br/>
<input id="myForm-next" value="Forward" type="submit"/>
</form>
</body>
</html>
你在这里有一个错误：
document.getElementById("myForm-previous").submit();
如果要提交表单，请使用表单识别器，而不是按钮：
document.getElementById("myForm").submit();