HTMLフォームのテキスト - 私は、データベースへの中にユーザーが入力したフォームのテキスト（Facebookのページ名）を保存していますJavaScriptの

Question

を使用して、URLなどのデータを保存します。

<form:input type="text" path="fName" value="${bean.fName}" title="Page Name"/> 

私が望むのは、ユーザーがフォームテキストにfbpageの名前を入力すると、自動的にfb-urlに変更されます。ユーザーがを入力した場合たとえば、フォームのテキストは「https://www.facebook.com/google」に変更する必要があります「グーグル」。 どうすればJavascriptでこれを達成できますか？

Answer 1

：

<input type='text' path='fname' id='path' value="${bean.fname}" title="Page Name" onfocusout='changeValue()'/ > 

JSを同じテキストボックスは、以下のコードを試してみてください

$("#user").change(function() //user is textbox ID 
{ 
$("#user").val("https://www.google.com/"+$("#user").val()); //added google you can use facebook also 
}); 

それはあまりにもjqueryのを介して行うことができますフィドル Url Fiddle Link

Answer 2

あなたは、テキストボックスの値を変更したい場合：私はテキストがでURLに変更する必要がありますあなたの問題を理解していればこんにちは

function changeValue(){ 
document.getElementById('path').value = "https://www.facebook.com/"+document.getElementById('path').value; 
} 

Demo

Answer 3

下のチェック。あなたは

<input type='text' id='url' value="" title="Page Name" onblur="getVal()"/> 

以下jqueryの機能

function getVal() { 
    var link = "https://www.facebook.com/"; 
    $("#url").val(link + $("#url").val()); 
}