来自 javascript 控制台 Chrome 的输入表单

Question

I try to use Chrome console to input form Username and Password on this website: https://ucp.nordvpn.com/login/ but when click button Log in. It shows error "Username cannot be blank"

Please help me. Thank you

// Input prompt format user:password
var account = prompt('Account?');
if (account) {
    account = account.split(":");
    console.log(account);
    document.querySelector("#ucp_login_email_field").value = account[0];
    document.querySelector("#ucp_login_password_field").value = account[1];
    document.querySelector(".Button").click();
}

Answer 1

This worked for me. please try this. But at first check account is empty or not.

// Input prompt format user:password
    var account = ["demo@gmail.com", "123456"]; 
    if (account) {
        console.log(account);
        document.querySelector("#ucp_login_email_field").value = account[0];
        document.querySelector("#ucp_login_password_field").value = account[1];
    };
    if (document.querySelector("#ucp_login_email_field").value != "" && document.querySelector("#ucp_login_password_field").value != ""){
        document.querySelector("form").submit();
    } else{
        console.log("fields are not filled correctly");
    }

Answer 2

When you type the values in the text box, values(username, password) are stored in variables. While submitting the form, values are taken from variable and overwrite your values(you assigned via chrome console) in the textbox.

So, your values can not be submitted through chrome console unless it is typed in the textbox.