2013-11-07 3 views
1

Я новичок в javascript, и у меня проблемы с поиском решения, которое работает для меня. У меня есть форма, и когда пользователь отправляет форму, если установлен флажок, ему необходимо отобразить предупреждающее сообщение.Javascript alert message on form submit

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

Любая помощь приветствуется, заранее.

+0

http://stackoverflow.com/questions/6515502/javascript-form-submit-confirm-or-cancel-submission-dialog-box – Ashish

+0

Вы должны отредактировать ваше сообщение, чтобы показать некоторые JavaScript вы попробовал, чтобы мы могли помочь вам на той базе, которую вы знаете. проверьте ссылку, добавленную @Ashish тоже :) – Asenar

ответ

0

Просто измените начало YOUT формы в этом

<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

+0

Это сработало для меня, спасибо MarsOne – user2964231

1

Try в JQuery

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

методы, которые можно извлечь:

  1. submit()
  2. is()
0

Изменение button type="submit" в button.
Отправить форму, используя submit() функция.

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

Я хотел бы использовать обычную кнопку, которая вызывает функцию, которая показывает предупреждение, а затем, при необходимости, отправляет форму по телефону formObject.submit().