все, что я хочу сделать, – это когда я нажимаю кнопку «Отправить», я хочу, чтобы все данные формы были отправлены на process.php … затем на process.php я хочу выдать данные POST … затем заменить все в результатах div на то, что было сделано в process.php …
<script type="text/javascript"> $(document).ready(function(){ $("#myform").submit( function () { $.ajax({ type: "POST", dataType: "html", cache: false, url: "process.php", success: function(data){ $("#results").html(data); } }); return false; }); //$("#myform").submit( function () { //$('#results').html("yay"); //} // }); //} ); }); </script>
<form name="myform" id="myform" action="" method="POST"> <!-- The Name form field --> <label for="name" id="name_label">zoom</label> <input type="text" name="zoom" id="zoom" size="30" value=""/> <br> </select> <!-- The Submit button --> <input type="submit" name="submit" value="Submit"> </form> <!-- FORM END ---------------------------------------- --> <!-- RESULTS START ---------------------------------------- --> <div id="results">nooooooo<?PHP $_SESSION[''] ?><div> <!-- <input type="image" name="mapcoords" border="0" src="mapgen.php"> ---- --> <!-- RESULTS END ---------------------------------------- -->
Вы можете вызывать $.post
передавая данные формы, сериализованные. как это:
<script type="text/javascript"> $(document).ready(function(){ $("#myform").submit( function () { $.post( 'process.php', $(this).serialize(), function(data){ $("#results").html(data) } ); return false; }); }); </script>
$("#myform").submit( function () { $.ajax({ type: "POST", data : $(this).serialize(), cache: false, url: "process.php", success: function(data){ $("#results").html(data); } }); return false; });
Попробуй это
Есть еще один способ сделать все это. В этом примере используется плагин проверки правильности jQuery. Здесь все поля формы проверяются автоматически. Загрузите jquery отсюда:
https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js
Загрузите плагин проверки :
http://jquery.bassistance.de/validate/jquery-validation-1.10.0.zip
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.validate.1.7.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#customForm").validate({ debug: false, rules: { name: {required:true,minlength:8,maxlength:8}, email: {required:true,email:true}, }, submitHandler: function(form) { // do other stuff for a valid form $('#rsltx').html('<img src="WhiteLoading.gif"> Processing... please wait'); $.post('post.php', $("#customForm").serialize(), function(data) { $('#rsltx').html(data); }); } }); }); </script> <form method="post" id="customForm" action=""> <div> <label for="name">Name</label> <input id="name" name="name" type="text" autocomplete="off" required/> </div> <div> <label for="email">E-mail</label> <input id="email" name="email" type="email" autocomplete="off" required/> </div> <div> <input id="send" name="send" type="submit" value="Send" /> </div> </form>