submit関連のjQuery
2014/07/03
<?php
//jQueryでのsubmit,エンターキーでのsubmit防止
//キーコードを調べる時は「キープレス キーコード」で調べる。
error_reporting(E_ALL & ~E_NOTICE);
$name = ($_REQUEST["aaa"] != "") ? $_REQUEST["aaa"] : "";
?>
<!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>
<div id="nametest"><?=$name;?></div>
<form method="post" action="test.php" id="form_submit_id">
<input type="text" id="name" name="aaa">
<input type="button" value="送信" id="btn">
</form>
<script>
$(function(){
//submit用のファンクション。submit()で送信できる。
function submit_func(){
$('#form_submit_id').submit();
}
//送信ボタンクリックでsubmit
$("#btn").click(function(){
submit_func();
});
//エンターキーを押した際にsubmitさせない。
$('#name').keypress(function(key){
if (key.keyCode === 13 || key.which === 13) {
return false;
}
});
/*頂いたもの。unbind()->イベント削除。bind->イベント開始。挙動の違い分からず……。
$(function(){
$("input#txtb").unbind().bind("keypress",function(e){
if*1{
//処理内容
}
});
});*/
});
</script>
</body>
</html>
関連記事
-
YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法
以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...
-
jQueryとCSSの連携
$(function(){ $("#change_small").click(f ...
-
Lightboxで画像拡大時に閉じるボタンの位置を右上に変更
Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...
-
jQueryで画像(
タグ内)のsrc情報を取得する場合
すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...
-
adblock(広告削除)設定している場合はページを表示させない
iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...