Question

我将用户输入的表单文本（facebook页面名称）保存到数据库中。

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

我想要的是当用户在表单文本中输入fbpage名称时，它应自动更改为fb-url。例如，如果用户输入＆＃34; google＆＃34; ，则表单文字应更改为＆＃34; https://www.facebook.com/google＆＃34;。 我怎样才能通过Javascript实现这一目标？

Answer 1

你好如果我理解你的问题，文本应该在同一个文本框中更改为url，那么请尝试下面的代码

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

检查下面的小提琴 Url Fiddle Link

Answer 2

如果要更改文本框值：

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

JS：

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

Demo

Answer 3

也可以通过jquery来完成。如果你有如下的输入

<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());
}

HTML表单文本 - 使用javascript将数据保存为url

3 个答案: