これは、他のページで使用している AJAX スクリプトであり、正常に機能しています。
<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) {
// do other stuff for a valid form
$.post('process.php', $("#form1").serialize(), function(data) {
$('#result').html(data);
});
}
});
});
以下の私のフォーム:
<form id="form1" name="form_select" action="process.php" method="post">
<select size="20" name="user1" onChange="this.form.submit()">
<options>...</option>.....
</select>
</form>
これが機能しない理由は誰でもわかります。これについてかなりの時間頭を悩ませてきました!