使用 Casperjs 提交没有 ID 或名称的表单

Question

这是我第一次使用 Casperjs。我有一个没有 ID 或名称但需要提交用户名和密码的表单。

在HTML body中有一个onload="init(document.forms[0]);"

形式：

<form method="post">
                <table border="0" cellspacing="0" cellpadding="0">
                        <tbody><tr>
                        <script>
                                document.write('<td class="username">');
                                document.write(langstr[ui_CurrentLanguage].login_username);
                                document.write('&nbsp;:&nbsp;');
                                document.write('</span>');
                                document.write('<td colspan="2"><input type="text" class="inputname" id="user_name" name="user_name" onKeyPress="if(event.keyCode == \'13\') Validate();" size="20" maxlength="65" autocomplete="off"></td>');
                        </script><td class="username">USERNAME&nbsp;:&nbsp;</td><td colspan="2"><input type="text" class="inputname" id="user_name" name="user_name" onkeypress="if(event.keyCode == '13') Validate();" size="20" maxlength="65" autocomplete="off"></td>
                        </tr>
                        <tr>
                        <script>
                                document.write('<td class="password">');
                                document.write(langstr[ui_CurrentLanguage].login_password);
                                document.write('&nbsp;:&nbsp;');
                                document.write('</span>');
                                document.write('<td colspan="2"><input type="password" class="inputpwd" id="user_passwd" name="user_passwd" onKeyPress="if(event.keyCode == \'13\') Validate();" size="20" maxlength="64" autocomplete="off"></td>');
                        </script><td class="password">PASSWORD&nbsp;:&nbsp;</td><td colspan="2"><input type="password" class="inputpwd" id="user_passwd" name="user_passwd" onkeypress="if(event.keyCode == '13') Validate();" size="20" maxlength="64" autocomplete="off"></td>
                        </tr>
                </tbody></table>

我在引用表单时遇到问题，无法在 casperjs 中使用 fill 方法。关于如何获取此表单的引用有任何想法吗？

谢谢。

Answer 1

您需要使用sendKeys()填写表格并发送键“13”（回车）：

var casper = require('casper').create(), utils = require('utils');
    casper

.start('http://',function(){
    this.sendKeys('#user_name',  'your_name', {keepFocus: true});
    this.sendKeys('#user_passwd','your_pass', {keepFocus: true});
    this.sendKeys('#user_passwd', casper.page.event.key.Enter , {keepFocus: true});

    this.wait(3000,function(){
    this.capture('test.png');
    utils.dump(this.getTitle());
});
})
    .run();

另请参阅：this issue

使用 Casperjs 提交没有 ID 或名称的表单

Using Casperjs to Submit Form with no ID or Name

javascript

dom

casperjs