スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加

[JQuery]onでフォーム送信を止める

jqueryによって追加されたフォームからもイベントを受け取るためには、onを使います。
このonからsubmitを受け取ります。


<select name="sForum">
<option value="1"></option>
</select>




//submitを停止
$("form.moveform").on("submit",function(event){
alert(1);
return false;
});



参考URL:jquery form submit with .on()
スポンサーサイト
このエントリーをはてなブックマークに追加

tag : JQuery 1.7.x on フォーム 送信 submit 止める 制御

[JQuery]select入力を初期化する

他サイトで多岐にわたる方法がありますが、
//送信フォームからセレクトが削除されてしまいます。
$("option").attr('selected',false);


のような記述は、効いてくれなかったり、送信フォームごと削除されてしまうため処理によってはエラーの対象になります。
結果的に下記のようになりました。

//これがよさそうです。
$("select").val(0);
このエントリーをはてなブックマークに追加

[JQuery]複数セレクタの指定

要素指定の際、classやidを複数指定する場合があります。
その場合は下記のように記述することで実現が可能です。
//or条件(セレクタAまたはセレクタBのvalueを取得する)
$("セレクタA , セレクタB").val();
//and条件(セレクタAかつセレクタBのvalueを取得する)
$("セレクタA"+"セレクタB").val();

カンマならor条件、プラス演算子でand条件での指定が行えます。

参考URL:jQueryで複数セレクタを and 条件と or 条件で指定するときの指定方法の違いをメモする
このエントリーをはてなブックマークに追加

[JQuery]テキスト内でエンターキーを押した時の送信を禁止する

inputのtype='text'となっているフォームからの送信を全て禁止するスクリプトです。

//text上でのエンター送信を禁止する処理
$(document).ready(function() {
$("input[type='text']").keypress(function(ev) {
if ((ev.which && ev.which === 13) || (ev.keyCode && ev.keyCode === 13)) {
return false;
} else {
return true;
}
});
});



参考URL:jQueryでENTERキーによるSubmitを防止する
このエントリーをはてなブックマークに追加

tag : javascript jquery input text テキスト submit サブミット 送信 禁止 制御

[JQuery]イベントを故意に呼び出す方法

jquery uiを利用していた際に、uiから値を入力するとchangeイベントが呼ばれない場合が発生しました。
そこで、今回はuiのイベントからchangeイベントを呼ぶことにします。

今回はJQuery UI Dialogのcloseイベント時に、hoge要素のchangeイベントを呼び出します。

//ダイアログを定義します。
$('#hoge_dialog').dialog({
autoOpen: false,
modal: true ,
height: 150,
resizable: false,
close: function(event, ui) {
$("#Target").trigger("change"); //ここでトリガーして呼び出します。
}
});

//ダイアログがクローズされたときにトリガーで呼び出すイベント「change」
$("#Target").change(function(){ ... });



参考URL:trigger(type, [data])
このエントリーをはてなブックマークに追加

tag : javascript jquery trigger トリガー イベント event 呼び出し 強制 意図的 無理やり

Translation


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
プロフィール

チーズくん

Author:チーズくん
個人的メモをただ羅列しています。
twitter:@cheese1038

バロメーター
最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。