JavaScript - 如果表单上的文本字段中的默认值发生更改，则强制重定向

Question

我有一个动态预填充值的表单，提交后会调用 API 来更新第三方数据库。我对 JS 相当陌生，但我有一个问题，如果同事将表单发送给其他人，它会执行 API 调用来更新他们的联系人记录，而不是为更改电子邮件字段的任何人创建新的联系人记录.

如果有人开始更改电子邮件字段，是否有办法强制重定向到静态表单 URL？我正在看类似的东西:

document.getElementById('email').onchange=function()
{
if (this.value != this.defaultValue)
location.href='http://valueinhere'
}

我总是可以触发一条消息弹出，解释为什么在需要时重定向到静态表单？

Answer 1

你可以使用这个:

HTML

<input type="text" id="email" value="email.com" firstvalue="email.com" />

JS

document.getElementById('email').onkeyup = function () {
    var firstvalue = this.getAttribute('firstvalue');
    if (this.value != firstvalue) {
        alert('You will be rediretioned!');
        window.location.href = 'http: //www.valueinhere.com';
    }
};

<强> DEMO HERE

我使用了 onkeyup 事件，因为 onchange 仅在模糊时触发，因此如果他们更改邮件但不单击另一个输入/元素，则不会发生任何事情。

请记住，如果网页对用户不友好，请更改预期行为。禁用输入字段并在其旁边添加“更改”按钮可能会更好。

在这种情况下，你可以使用这个:

HTML

<input type="text" id="email" value="email.com" disabled="disabled" />
<button type="button" id="mailchange">Change this</button>

JS

document.getElementById('mailchange').onclick = function () {
    alert('You will be rediretioned!');
    window.location.href = 'http: //www.valueinhere.com';
};

<强> DEMO HERE