从表单字段中删除单词的代码

Question

我有一个 jQuery 表单，其中包含用于网站 URL 的文本字段（字段 ID 为：43）。当用户输入 "http://" 或 "https://" 作为 URL 的一部分时，我需要表单在输入之前或之后自动删除 "http://" 或 "https://" 部分表单已提交。

我似乎无法正常工作。这是我尝试过的最新代码（起初，只是试图让它工作以删除 "http://"

<script type="text/javascript">
               document.getElementById("43").setAttribute("onchange", "deleteValue()");
function deleteValue() {
    var weburl = 'http://';
    var textarea = document.getElementById("43");
    var data = textarea.value;
    textarea.value = textarea.value.replace(weburl.value, "");
}
</script>

任何人都可以就如何使它正常工作提供建议吗？

Answer 1

您可以使用 .blur() 事件触发删除 http:// 和 https://

工作示例：

$(document).ready(function(){
    
    $('input').blur(function(){
        var currentText = $(this).val();
        var replacedText = currentText.replace(/^https?\:\/\//i, '');
        $(this).val(replacedText);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
<fieldset>
<legend>Write a url with http:// and click elsewhere</legend>
<input type="text" name="myUrl" />
</fieldset>
</form>

从表单字段中删除单词的代码

Code to Remove a Word from Form Field

forms

jquery

field