Question

我是javascript的新手，我无法找到适合我需要的解决方案。我有一个表单，当用户提交表单时，如果选中了复选框，则需要显示警告消息。

<form method="post" action="inserting.php" id="form1" class="signupform">
  <input type="hidden" name="allowlang" id="allowlang" value="no" />

  <table cellpadding="4" cellspacing="0" width="100%" border="0" style="text-align:left;">

    <tr>
      <td><input type="checkbox" name="enable" id="enable" value="YES" style="width:15px !important"/>
        &nbsp;
        There has been an issue.</td>
    </tr>

  </table>
<br />

  <table cellpadding="4" cellspacing="0" width="100%" border="0" style="text-align:left;">

    <tr>
      <td height="50"></td>
      <td> <br /><button id="registerButton" type="submit" style="float:left;">Send Data</button></td>
    </tr>

  </table>

</form>

欢迎任何帮助，提前谢谢。

Answer 1

尝试jquery

$('#form1').submit(function () {
  if ($('#enable').is(':checked')) {  //if checkbox is checked
    alert("checked");
  }
  else {
    return false;
  } 
})

要学习的方法：

Answer 2

将button type="submit"更改为button。
使用submit()函数提交表单。

$( "#buttonId" ).click(function() {
 //CHECK here for the checkbox;
if(checked) alert();
 $( "#form" ).submit();
});

Answer 3

我会使用一个调用显示警报的函数的普通按钮，然后在必要时通过调用formObject.submit（）来提交表单。

Answer 4

只需将表单的开头更改为

即可

<form method="post" action="inserting.php" id="form1" onsubmit="return validateForm()" class="signupform" name="signupform">

使用此Jscript

function validateForm() {
    if (document.forms["signupform"]["enable"].checked)
        alert("yes, there has been an issue");
}

你没有jQuery这个。

<强> DEMO

表单提交上的Javascript警报消息

4 个答案: