对于一个带有警告的简单表单,询问字段是否正确填写,我需要一个这样做的函数:

当按钮被点击时显示一个警告框,有两个选项: 如果单击“OK”,则提交表单 如果单击“取消”,警告框将关闭,可以调整表单并重新提交

我认为一个JavaScript确认将工作,但我似乎不知道如何。

我现在的代码是:

函数show_alert() { alert (" xxxxxx "); } < >形式 <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal -更安全,更简单的在线支付方式!" value=" submit" > > < /形式


function show_alert() {
  if(!confirm("Do you really want to do this?")) {
    return false;
  }
  this.form.submit();
}

你可以使用JS的confirm函数。

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

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


一个简单的内联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);">

好的,只需要把你的代码修改成这样:

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

这也是运行中的代码,只是我让它更容易看到它是如何工作的,只需运行下面的代码,看看结果:

函数submitForm() { return confirm('你真的想提交这个表单吗?'); } <form onsubmit="return submitForm(this);"> <input type="text" border="0" name="submit" /> < =“提交”按钮值> > < /按钮提交 > < /形式


如果你想在表单提交上应用一些条件,那么你可以使用这个方法

<form onsubmit="return checkEmpData();" method="post" action="process.html">
  <input type="text" border="0" name="submit" />
  <button value="submit">submit</button>
</form>

有一件事要记住,方法和动作属性写在onsubmit属性之后

javascript代码

function checkEmpData()
{
  var a = 0;

  if(a != 0)
  {
    return confirm("Do you want to generate attendance?");
  }
   else
   {
      alert('Please Select Employee First');
      return false;
   }  
}

简单易行:

<form onSubmit="return confirm('Do you want submit?')" > <input type="submit" /> > < /形式