从表单域中删除单词的代码

Question

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

我似乎无法让这个工作。这是我尝试过的最新代码（起初，只是想让它工作以删除“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>