フォームにテスト入力するjs


ウェブアプリ作成で必要になったので作りました。(他でもありそうだけど)
HTMLのフォームがちゃんと送信されているかどうか確認するためのテスト用スクリプトです。
Shift + @でbody以下の表示されているinputとselect全てに自動で値を入力します。
※jQuery必須です。

function input_test(target){
var input_size = $(target).find("input:not(input[type='hidden'])").size();
var select_size = $(target).find("select:not(select[type='hidden'])").size();
for (i=1;i<=input_size;i++){
$(target).find("input:not(input[type='hidden'])").eq(i).val("input_" + i);
}
for (i=1;i<=select_size;i++){
$(target).find("select:not(select[type='hidden'])").eq(i).append("
$(target).find("select:not(select[type='hidden'])").eq(i).val("select_" + i);
}
}
$(document).ready(function(){
$(window).keyup(function(e){
if ( e.keyCode==192 && e.shiftKey){//shift + @ でinputとselectにテスト値を自動入力。隠し要素は除外。
input_test("body");//ターゲットとなる親要素の指定。
}
});
});

上記をファイルに保存して、HTML側で読み込ませればOKです。
あくまでテスト用なので、運用時には外した方がいいと思います。

よろしくどうぞ。

コメント

人気の投稿