Question

我想为我的博客访问者创建一个表单，如下所示：

<form name="myform" id="test">
<input type="text" name="url"/>
<input type="submit" value="submit"/>
</form>

如果有人输入了网址：https://demo.website.com/page/blablabla.html

它会生成一个网址：https://newwebsite.com/page/blablabla.html

重点是：只需将demo.website更改为newwebsite 用javascript或jQuery这可能吗？

Answer 1

尝试这种方法：

$("input[name='url']").on('change', function(e){
    $(this).val($(this).val().replace("demo.website.","newwebsite."));
})

Answer 2

工作代码有点像这样

<form name="myform" id="test">
<input type="text" name="url" onblur="func(this)" />
<input type="submit" value="submit"/>
</form>

<script>
    function func(elem){
        var _url = elem.value;
        var finUrl = _url.replace('demo.website','newwebsite');
        console.log(finUrl);
    }
</script>

替换输入表单中的文本并访问

2 个答案: