テスト中に、1ページ内の入力フォームの数が多いとバリデーションエラーの確認が大変。。。
ということで、ページ内のすべてのフォームに好きな値を入力できるBookmarkletを作りました。
※ バリデーションエラー: 入力チェックのことです。
https://wa3.i-3-i.info/word11610.html
対応している要素・タイプ
- input
- text
- number
- tel
- email
- url
- datetime
- password
- search
- textarea
使い方
- ブラウザを起動する(Chromeのみ動作確認済み)
- ブックマークマネージャーを起動する
- 新しいブックマークを作成で以下を入力し保存する
・ ブックマーク名: 任意のもの
・ URL: 下記のコード - 使いたいWebページを開き、Step.3のブックマークをクリックする
ソースコード
javascript:
(function(){
var text = window.prompt("フォームに何を入力しますか？", "");
var elements = document.querySelectorAll('input');
for(var i = 0; i < elements.length; i++){
switch(elements[i].type){
case "text":
case "number":
case "tel":
case "email":
case "url":
case "datetime":
case "password":
case "search":
elements[i].value = text;
break;
default:
break;
}
}
elements = document.querySelectorAll('textarea');
for(var i = 0; i < elements.length; i++){
elements[i].value = text;
}
}())