Я создаю контактную форму, и я хочу отправить данные через ajax и отобразить результат обратно через то же самое. Но всякий раз, когда пользователь нажимает кнопку отправки, страница, кажется, отправляет автоматически. Я использовал jQuery preventDefault и stopPropogation . Но он все еще не работает. Я новичок в jQuery, и мне может быть что-то маленькое. Вот код:
форма
<form action="#" method="post" accept-charset="utf-8" name="contactform" id="contactform"> <p>Name<br/><input type="text" name="cname" value="" id="cname" required /></p><br/> <p>Email<br/><input type="email" name="cemail" value="" id="cemail" required /></p><br/> <p>Message<br/><textarea name="cmessage" cols="40" rows="10" id="cmessage" required ></textarea></p> //Re-captcha code here <p><input type="submit" name="contact_submit" value="Submit" id="contact_submit" /></p> </form> <br /> <div id="result"></div> скрипт
$(document).ready( function(){ $("#contact_submit").click( function(e){ e.preventDefault(); e.stopPropagation(); }); $("#result").html(''); $("#contactform").validate(); });
Я включил JQuery Validation Plugin, который также не работает.