勉強したことのメモ

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

  関連記事

画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

FormDataを使ったAjax通信がiPhoneのみエラー

FormDataオブジェクトを使用したAjax通信するシステムがあり、PCやAn ...

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...

jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...

htmlタグが入った内容の文字を丸める

phpである文字列が○文字以上だった際、 省略してお尻に「……」をつけたいという ...

jQueryで高速化

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

クリップボードの操作

<? /* クリックでクリップボードにコピーする。 http://zxcv ...

imgタグとPHPでグラフ作成

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