JavaScript的表单提交 - 确认或取消提交对话框

Question

对于一个简单的形式，询问领域中填写正确的警告，我需要做这样的功能：

• 显示一个提示框时，按钮点击有两个选项：

  • 如果“OK”被点击，表单提交
  • 如果取消被点击，警告框关闭和形式可以进行调整和重新提交

我认为一个JavaScript的确认工作，但我似乎无法弄清楚如何。

我现在的代码是：

<script> 
function show_alert() { 
    alert("xxxxxx"); 
} 
</script> 
<form> 
    <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" 
     alt="PayPal - The safer, easier way to pay online!" value="Submit"> 
</form> 

Answer 1

简单联JavaScript确认就足够了：

<form onsubmit="return confirm('Do you really want to submit the form?');"> 

无需一个外部功能除非你正在做验证，你可以做一些事情像这样：

<script> 
function validate(form) { 

    // validation code here ... 


    if(!valid) { 
     alert('Please correct the errors in the form!'); 
     return false; 
    } 
    else { 
     return confirm('Do you really want to submit the form?'); 
    } 
} 
</script> 
<form onsubmit="return validate(this);"> 

Answer 2

function show_alert() { 
    if(confirm("Do you really want to do this?")) 
    document.forms[0].submit(); 
    else 
    return false; 
} 

Answer 3

您可以使用JS确认功能。

<form onSubmit="if(!confirm('Is the form filled out correctly?')){return false;}"> 
    <input type="submit" /> 
</form> 

http://jsfiddle.net/jasongennaro/DBHEz/

Answer 4

<form onsubmit="return confirm('Do you really want to submit the form?');"> 

Answer 5

OK，只是改变你的代码是这样的：

<script> 
function submit() { 
    return confirm('Do you really want to submit the form?'); 
} 
</script> 

<form onsubmit="return submit(this);"> 
    <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" 
     alt="PayPal - The safer, easier way to pay online!" value="Submit"> 
</form> 

而且这是在运行的代码，只是我更容易地看到它是如何工作的，只要运行下面的代码看到的结果：

function submitForm() { 
 
    return confirm('Do you really want to submit the form?'); 
 
}

<form onsubmit="return submitForm(this);"> 
 
    <input type="text" border="0" name="submit" /> 
 
    <button value="submit">submit</button> 
 
</form>