Question

我正在使用

document.querySelector("input[name='txtID']").value = "myid";
         document.querySelector("input[name='txtUserName']").value = "myname";
         document.querySelector("input[name='txtPassword']").value = "mypassword";
         document.querySelector("input[name='txtMode']").value = "1";
         document.querySelector("input[name='txtLang']").value = "en";
         document.querySelector("input[name='submit']").submit();

但是我得到了一个错误TypeError：undefined不是构造函数（评估＆＃39; document.querySelector（＆＃34;输入[name =＆＃39; submit＆＃39;]＆＃34;）。< / p>

这是HTML代码：

<div id="myTabContent" class="tab-content">
                <div class="set-loginbx-active" id="b2b">
                    <form name="form1" method="post" onSubmit="return HC.checkMode(this);">
                        <div id="lyAgent">
                            <div class="lbl-login" id="dAgentID">Agent Id.</div>
                            <div class="inp-login"><input name="txtID" id="txtID" type="text"></div>
                            <div class="clear"></div>
                        </div>                        
                        <div class="lbl-login" id="dUserName">Username</div>
                        <div class="inp-login"><input name="txtUserName" id="txtUserName" type="text"></div>
                        <div class="clear"></div>
                        <div class="lbl-login" id="dPassword">Password</div>
                        <div class="inp-login">
                            <input name="txtPassword" id="txtPassword" type="password">
                            <input type="hidden" name="txtMode" id="txtMode" value="1" />
                            <input type="hidden" name="txtLang" id="txtLang" value="en" />
                        </div>
                        <div class="clear"></div>
                        <div class="btn-login"><input name="submit" type="submit" value="LOGIN" /></div>
                        <div class="box-access">
                            <div class="tt-access">Access Level</div>
                            <div class="lnk-access"><input type="radio" name="optionsRadios" id="optionsRadios1" onclick="HC.loginMode(1);"> Master Login</div>
                            <div class="lnk-access"><input type="radio" name="optionsRadios" id="optionsRadios2" checked onclick="HC.loginMode(0);"> Agent Login</div>
                        </div>       
                    </form>
                </div>

有人可以向我解释原因吗？

Answer 1

问题在于您无法在<input>上调用submit（）。这是<form>的一种方法。这样做

document.querySelector("form[name='form1']").submit();

编辑：您不应该有任何名称的元素＆＃39;提交＆＃39;。在您的HTML中，您的提交输入也具有提交名称。从name='submit'元素中删除<input>属性。

Answer 2

应该是：

document.querySelector("input[name=submit]").click()

TypeError：undefined不是构造函数Phantomjs

2 个答案: