Javascript 提交时修改用户输入

我需要这个javascript的帮助，如果用户在该字段中输入任何内容，该字段将打印该值，但我想修改该值的特定部分。用户将提交具有我需要修改的特定字符串的图像URL

例如，用户输入类似：http://www.domain.com/photos/1.jpg

结果应该是：http://www.domain.com/photos-d/1.jpg

代码如下：

<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    document.getElementById('result').innerHTML = userInput;
}
</script>

<input type='text' id='userInput' onblur="if(this.value.length == 0) this.value='Enter Image URL';" onclick="if(this.value == 'Enter Image URL') this.value='';"/>
<input type='button' onclick='changeText2()' value='Generate'/>

<p>Output: <a id='result'></a> </p>

函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
document.getElementById（'result'）.innerHTML=userInput；
}
输出：

非常感谢您的帮助-谢谢，

您可以在输入之前将其作为标签，而不是要求用户键入此部分。如果他只需要输入图像文件名，则无需更改输入字段。

<script>
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    document.getElementById('result').innerHTML = userInput.replace("/photos/", "/photos-d/");
}
</script>

<input type='text' id='userInput' placeholder="Enter Image URL"/>
<input type='button' onclick='changeText2()' value='Generate'/>

<p>Output: <a id='result'></a> </p>

函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
document.getElementById（'result'）.innerHTML=userInput.replace（“/photos/”，“/photos-d/”）；
}
输出：（支持html5）而不是onblur和onclick事件。
所以基本上您希望根据其中某个字符串的出现情况修改该字符串，即.jpg

因此，首先，看看您的用户输入是否需要修改

这样做吧

  <script type="text/javascript">
    function changeText2(){
        var userInput = document.getElementById('userInput').value;
         if(userInput.indexOf('.jpg') !== -1){

           userInput = userInput.replace('photos','photos-d');
         }
        document.getElementById('result').innerHTML = userInput;
    }
    </script>


函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
if（userInput.indexOf（'.jpg'）！=-1）{
userInput=userInput.replace（'photos'，'photos-d'）；
}
document.getElementById（'result'）.innerHTML=userInput；
}

因此，基本上你需要高效的算法和正则表达式来检测关键字
是你总是要添加“-d”还是还有其他一些情况？只添加-d部分，其他任何部分都不会添加，但/photos/part每次都是唯一的，但/photos/part是静态的。我需要用/photos-d/@XeBii进行修改。你的意思是域可能会更改，但/photos/部分必须始终在那里才能更改为/photos-d/？是的，Frederik，我已经找到了gopi1410提供的解决方案Hanks gopi1410，让我测试一下。@XeBii很高兴它帮助了你。：）感谢你的帮助，但我所标的答案要简单得多。谢谢：）。两者都是一样的，我用一个复选框来表示，你不会每次都替换你的url，只有当它包含图像url时。这就是你问的问题，对吗？无论如何