2013-05-29 5 views
1

Привет У меня есть html-страница, в которой есть form, и мне бы хотелось, чтобы при нажатии на кнопку form появляется окно с предупреждением и говорит «спасибо вам за то, что вы соприкоснулись» с помощью javascript. код.Onsubmit javascript

PS. Как вы заметите, у меня есть form, проверяющий при отправке. Я бы хотел, чтобы верхнее окно предупреждения javascript добавлялось в дополнение к проверке.

<form id="contact" onsubmit="checkContactForm(); return false;" onreset="resetForm();" action=""> 
    <p>Fill in the form below to send me a message!</p>  

    <div id="errormessage"></div> 

    <p> 
    <label for="name">Name:</label> 
    <input type="text" name="name" id="name" onfocus="resetField(this);" /> 
    </p> 
    <p> 
    <label for="email">E-mail address:</label> 
    <input type="text" name="email" id="email" onfocus="resetField(this);" /> 
    </p> 
    <p> 
    <label for="message">Your Message:</label> 
    <textarea name="message" id="message" rows="5" cols="25" onfocus="resetField(this);"></textarea> 
    </p> 
    <p> 
    <button type="submit">Send Message</button> 
    <button type="reset">Reset Form</button> 
    </p> 
</form> 
+0

Вы можете добавить JavaScript? –

+0

Является ли HTML, который вы разместили внутри элемента 'form'? – Kyle

+0

uhm это не позволит мне добавить, но форма, которую я только что опубликовал, находится внутри html-документа, а файл javascript просто содержит мою проверку для формы, которая все – Kodinye

ответ

1

Try и пример на Jsfiddle

<html> 
    <head> 
    </head> 
    <body > 
    <div id="errormessage"></div> 
    <form id="new"> 
     <p> 
     <label for="name">Name:</label> 
     <input type="text" name="name" id="name" " /> 
     </p> 
     <p> 
     <label for="email">E-mail address:</label> 
     <input type="text" name="email" id="email" " /> 
     </p> 
     <p> 
     <label for="message">Your Message:</label> 
     <textarea name="message" id="message" rows="5" cols="25"></textarea> 
     </p> 
     <p> 
     <button onClick="aler()">Send Message</button> 
     <button type="reset">Reset Form</button> 
     </p> 
    </form> 
    <script type="text/javascript"> 
     function aler(){ 
     alert("thank you for getting in touch"); 
     document.getElementById("new").submit(); 
     } 
    </script> 
    </body> 
</html> 
1

Это показывает уведомление ящик при представлении

<div id="errormessage"></div> 
<form action="#" onsubmit="alert('Thank you for getting in touch');"> 
<p> 
    <label for="name">Name:</label> 
    <input type="text" name="name" id="name" onfocus="resetField(this);" /> 
</p> 
<p> 
    <label for="email">E-mail address:</label> 
    <input type="text" name="email" id="email" onfocus="resetField(this);" /> 
</p> 
<p> 
    <label for="message">Your Message:</label> 
    <textarea name="message" id="message" rows="5" cols="25" onfocus="resetField(this);"></textarea> 
</p> 
<p> 
    <button type="submit">Send Message</button> 
    <button type="reset">Reset Form</button> 
</p> 
</form> 
Смежные вопросы