知り合いから聞かれたので簡単にまとめてみた
まずは一番簡単な方法
<script>
$(function(){
$(“#form”).submit(function(){
if ($(“#input”).val() == “”) {
alert(‘err’);
return false;
}
});
});
</script>
<form action=”” method=”post” id=”form”>
<input type=”text” name=”input” value=”” id=”input” />
<input type=”submit” />
</form>
$(function(){
$(“#form”).submit(function(){
if ($(“#input”).val() == “”) {
alert(‘err’);
return false;
}
});
});
</script>
<form action=”” method=”post” id=”form”>
<input type=”text” name=”input” value=”” id=”input” />
<input type=”submit” />
</form>
次にajaxも使用した場合
<script>
$(function(){
$(“#form”).submit(function(){
$.ajax({
url: ‘input.php’,
type: ‘POST’,
data: {‘text’: $(“#input”).val() }
})
.done(function(data){
// 通信成功時の処理
.fail(function(data){
// 通信失敗時の処理
});
// 送信処理停止
return false;
});
});
</script>
<form action=”” method=”post” id=”form”>
<input type=”text” name=”input” value=”” id=”input” />
<input type=”submit” />
</form>
$(function(){
$(“#form”).submit(function(){
$.ajax({
url: ‘input.php’,
type: ‘POST’,
data: {‘text’: $(“#input”).val() }
})
.done(function(data){
// 通信成功時の処理
.fail(function(data){
// 通信失敗時の処理
});
// 送信処理停止
return false;
});
});
</script>
<form action=”” method=”post” id=”form”>
<input type=”text” name=”input” value=”” id=”input” />
<input type=”submit” />
</form>
本当に簡単な処理のみになります