遇到一个奇葩的 js 验证，求破解

[hanmeimei]

最近学习 js 来填写表单。遇到一个奇怪的表单，我如果是人工输入邮箱账号，或者粘贴，都是可以通过验证。如果是通过代码填写邮箱，都显示不通过。请问这个编码是如何写验证的？如果通过 js 填表，如何绕过验证？求大神，指导。

这个地方在这里： https://app.meiqia.com/setting/profile 需要先登入账号，然后转到上面这个链接。有个修改邮箱的地方。这个何解？

[finalspeed]

可能 你看到的只是显示，还有另一个标签正真做验证

[ZhaoMiing]

目测数据层没有同步，手动触发一下 change 事件？

[ykrl089]

键盘输入比对，这是我想到最简单的办法

[helloccav]

目测是 js 绑定事件的问题，通过代码输入的话无法触发相应的验证事件。

[Kokororin]

if ("createEvent" in document) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
element.dispatchEvent(evt);
}
else
element.fireEvent("onchange");

[hanmeimei]

@helloccav 那么如何通过代码自动设置让其看起来像触发一样。

[hanmeimei]

@ZhaoMiing 手动点击不行，需要随便按下键盘字母。就可以了，复制粘贴。或者邮件粘贴也是可以的。

[hanmeimei]

@Kokororin 感谢，这个代码。明天电脑试一试。。有办法移除检测触发的代码不？

[Kokororin]

@hanmeimei 分析下他的提交代码，然后自己写个提交吧

[ZhaoMiing]

@hanmeimei 「手动触发」的意思是 .val('abc').trigger('change')，不是点击

[hanmeimei]

@ZhaoMiing 试过，不是。上面有网址，有时间可以测试一下。

[ZhaoMiing]

@hanmeimei 看了一下页面用了 react ，更改 input 的 value 时数据没有同步到对应的组件 state 里去。由于没有 jQuery 只能这样触发 change 事件了。
var event = new Event('input', { bubbles: true });
document.querySelector('#newEmail').dispatchEvent(event);

[jprovim]

静观大牛的各种解法.

[mathcoder23]

直接新建一个提交方便吗?

[indooorsman]

keyup keydown input 这些事件挨个触发一遍😄

[Kokororin]

测试可行，能够收到邮件，但是后端还是有做邮件地址的验证
var getCookie = function(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
}
fetch('https://app.meiqia.com/api/agent/agents/' + getCookie('_agent_id') + '?v=' + new Date().getTime(), {
method: 'put',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
Authorization: getCookie('_authenticated')
},
body: JSON.stringify({
email: '[email protected]'
})
})
.then(function(response) {
return response.json()
})
.then(function(json) {
console.log(json)
})

[hanmeimei]

@Kokororin 牛叉。可以使用。但是这个是如何知道表单是这样子触发的呢？

[hanmeimei]

@ZhaoMiing 亲测可用。感谢。这个 even 是怎么抓取到的呢？我找不到

[Kokororin]

@hanmeimei 点提交的时候在 network 里可以看到