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

【问题标题】：HTML form text - save data as url using javascriptHTML 表单文本 - 使用 javascript 将数据保存为 url
【发布时间】：2016-10-04 04:55:00
【问题描述】：

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

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

我想要的是当用户在表单文本中输入 fbpage 名称时，它应该自动更改为 fb-url。例如，如果用户输入 "google"，则表单文本应更改为 "https://www.facebook.com/google"。 我如何通过 Javascript 实现这一点？

【问题讨论】：

你想改变文本值不重定向

标签： javascript html

【解决方案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

【讨论】：

【解决方案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

【讨论】：

【解决方案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());
}

【讨论】：