submit関連のjQuery2
2014/07/03
<?php
error_reporting(E_ALL & ~E_NOTICE);
if ($_POST["is_name"] != "") echo "is_name=" . $_POST["is_name"] . "<br>";
if ($_POST["is_body"] != "") echo "is_body=" . $_POST["is_body"];
?>
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<title>jQuery</title>
</head>
<body>
<h1>jQuery</h1>
<form method="post" action="test.php" id="form_id">
is_name<input type="text" name="is_name" id="is_name">
<span id="check1"></span><br>
is_body<input type="text" name="is_body" id="is_body">
<span id="check2"></span><br>
<input value="送信" type="button" id="submit_id">
</form>
<script>
$(function(){
//関数作成
function submit(){
//is_nameが空だったら注意、入ったら削除
if ($('#is_name').val() == "") {
$('#check1').text("is_nameが入力されていません。");
} else if ($('#is_name').val() != "") {
$('#check1').text("");
}
//is_bodyが空だったら注意、入ったら削除
if($('#is_body').val() == "") {
$('#check2').text("is_bodyが入力されていません。");
} else if ($('#is_body').val() != "") {
$('#check2').text("");
}
//どっちも入ってた時だけサブミットする
if ($('#is_name').val() != "" && $('#is_body').val() != "") {
$('#form_id').submit();
}
$('#check1, #check2').css({'color' : 'red' , 'font-size' : '10px'});
}
//送信ボタンクリックでファンクションが動く
$('#submit_id').click(function(){
submit();
});
});
</script>
</body>
</html>
関連記事
-
jQueryで要素を移動する方法のまとめ
jQueryで要素を移動する際、insertBefore / insertAft ...
-
jQueryで高速化
高速化について調べる機会があったのでメモ。 ------ ・セレクタはclass ...
-
タブアンダー広告をjQueryで再現する方法
サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...
-
ajaxで複数のデータを渡したい
やりたい事はajaxで複数のデータを渡したい。 ■送信側 var data = ...
-
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)
画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...