使用JavaScript验证后，在输入框文本前添加数字

我有这个HTML表单

more on top ...
<div class="form-group row">
    <label for="phone" class="col-sm-3 col-form-label">Phone</label>
    <div class="col-sm-9">
        <input type="text" name="phone" id="phone" class="form-control" >
    </div>
</div>
more on bottom ...

---

不要使用

insertBefore

，将新字符串指定给输入的

值

属性

const text    = '+88';
const child   = document.getElementById('phone');
const value = child.value;
phone.value = text + value;

document.querySelector（'button'）。addEventListener（'click'，function（）{
常量文本=“+88”；
const phoneInput=document.getElementById（'phone'）；
常量值=phoneInput.value；
phoneInput.value=文本+值；
})

追加电话代码您应该修改输入值，而不是创建新节点。使用.value属性获取输入值并添加您的数字并将其设置回原位如果我键入2，则其添加了此文本-[object text]2常量文本不应被记录。createTextNode，对吗？@creativeartbd-请参见编辑，不创建使用
createTextNode
。
const text    = '+88';
const child   = document.getElementById('phone');
const value = child.value;
phone.value = text + value;