勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

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

  関連記事

FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード

FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...

画像をサムネイル⇔クリックで拡大(lightbox)

画像をサムネイル表示してクリックしたら大きく表示する というのがlightbox ...

imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...

jQueryで要素のleftやwidthを取得

jQueryで要素のposition(leftやtop)とwidthとheigh ...

jQueryで画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。 ・画像のURLはcode.jpgみたいになってる ...

jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

jQueryのappendとprepend

よく忘れるのでメモ。 ■append(後ろに足す) http://semooh. ...

jQueryで後から追加された要素にイベントを設定

jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...

tableのフィルター機能

jQueryのプラグインで簡単にフィルター機能が つけられたのでメモ。 ■必要な ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...