jquery - ページをリロードせずにフォーム フィールドの結果を表示する

Question

jQuery/AJAX を使用して次のことを行いたい...

画像への URL を含むテキスト ボックスがあります。URLが挿入されると、その画像が別のDIVに表示されるようにします。明らかに、送信ボタンが押される前に。

Answer 1

$(document).ready(function(){

if($.trim($('input[type="text"]').val()).length) {

   $('div').append('<img src="'+ $('input[type="text"]').val()+'" alt="image">');

}
});

Answer 2

OPには、この仕事をする正確な時間については言及していませんが、入力ボックスからのurlを使用してurl divに画像を追加するプロセスを書きます。

var url = $('input[type="text"]').val();

if($.trim(url).length) {

   $('DIV').append('<img src="'+ url +'" alt="image">');

}