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>
関連記事
-
HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する
ASPを使用したサイトでHTMLのカスタムデータ属性を取得し色々処理したかったん ...
-
submit関連のjQuery2
<?php error_reporting(E_ALL & ~E_ ...
-
jQuery.uploadでリアルタイムプレビュー
やりたい事は、 ・<input type="file">で画像を選択 ...
-
jQueryのanimate()でページスクロール後に他の処理を実行させる方法
jQueryのanimate()でページスクロール後に特定の要素を非表示にしたい ...
-
Ajaxを使用する際の注意
Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...