javascript - AJAX request not working and puzzled why, any new eyes to look at it? -


this ajax script have been using on other pages , has worked fine.

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#form1").validate({ debug: false, rules: { user1: "required", }, messages: { user1: "pick user", }, submithandler: function(form) { // other stuff valid form $.post('process.php', $("#form1").serialize(), function(data) { $('#result').html(data); }); } }); }); 

my form below:

 <form id="form1" name="form_select" action="process.php" method="post"> <select size="20" name="user1" onchange="this.form.submit()"> <options>...</option>..... </select> </form> 

anyone see reason why may not work. been scratching head decent amount of time on one!

swap this.form.submit() jquery's submit handler

onchange="$(this.form).submit()" 

you calling doms submit() function, not jquery's submit handler, validate plugin bound to.


Comments

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

php - Get uncommon values from two or more arrays -

Adding duplicate array rows in Php -