勉強したことのメモ

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

  関連記事

スマホ対応のjQueryのカラーピッカープラグイン

以前の記事でカラーピッカープラグインのことを書いたけど、スマホでは使えない。なの ...

submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

jQueryで配列の値を検索

やりたかった事は、配列の中に特定の値があるか どうか検索し、その後の分岐を行いた ...

複数のajax処理の結果をまとめて表示

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

jQueryで高速化

高速化について調べる機会があったのでメモ。 ------ ・セレクタはclass ...

ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

bootstrap-datetimepickerについて

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、 普通のセレクト ...

jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...