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>
関連記事
-
lightboxをファイルアップロードなしで使う(CDN)方法
本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...
-
imgタグとPHPでグラフ作成
プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...
-
SortableJSを使ってデータの並べ替え&保存
あるシステムを拝見した際にtableタグ内に並んでいる項目をドラッグ&ド ...
-
スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア(Fotorama)
タブレット＆スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...
-
formでファイルを選択した際にファイル名やサイズ、形式を調べる方法
フォームで画像などをアップロードする際に「ファイルサイズが大きすぎないか？」「拡 ...