casperjs 填写表格不起作用

Question

我对 casperjs 有疑问。

我想填写表格，但 casperjs 说找不到表格...在代码中我看不到表格名称，所以我尝试使用 formid 但没有成功

这里是我要填表的网站源码

<tr class="wcontent" valign="top">
<td></td>
<td id="wcontent_login" class="widgetMiddleMiddle" style="display: block; height: 213px;">
<iframe frameborder="no" src="/WebInt.nsf/loginWidget.xsp?widgetUniqueId=anonymous-login-default" scrolling="no">
<!DOCTYPE html>
<html lang="de">
<head>
    <body class="xspView tundra">
    <form id="view:_id1" class="xspForm" enctype="multipart/form-data" action="/GI7/WebInt.nsf/loginWidget.xsp?widgetUniqueId=anonymous-login-default" method="post">
    <div id="inactive_loginWidget">
    <div class="inactive_loginLeft">Anmeldung</div>    
    <div class="inactive_loginRight">
    <div style="height:27px;background-color:#004178;color:white;padding:10px;    width:227px;margin-bottom:5px;text-align:center;">
    <div>
        <input id="username" type="text" placeholder="Benutzername" onkeypress="return handleKeyPressed(event)" onfocus="var elem =     document.getElementById(''); if(elem != null) {hideLabel(elem, 'username');}" onblur="var elem = document.getElementById(''); if(elem != null) {if(document.getElementById('username').value == '') { showLabel(elem); } else { hideLabel(elem); }}" name="username" autocomplete="off" vk_19ae7="subscribed">
    </div>
    <div class="cleaner3px"></div>
<div>
    <div class="cleaner3px"></div>
    <div title="Anzahl der Spalten für die Darstellungsbreite des Browsers einstellen.">
    <div class="cleaner10px"></div>
    <div class="button" style="margin-left: -5px; cursor: default;"     onmouseover="setHoverEffectButton(this, '');"     onmouseout="resetHoverEffectButton(this, '');"     onmousedown="setPressedButtonEffect(this, '');"     onclick="handleKeyPressed(event, true)">
    </div>
    </div>
    <script type="text/javascript">
    <input id="view:_id1__VUID" type="hidden" value="!1k37604fezbng88zt78ksqv5x!" name="$$viewid">
    <input type="hidden" name="$$xspsubmitid">
    <input type="hidden" name="$$xspexecid">
    <input type="hidden" name="$$xspsubmitvalue">
    <input type="hidden" name="$$xspsubmitscroll">
    <input type="hidden" value="view:_id1" name="view:_id1">
    </form>
    </body>
</html>
</iframe>

我的casperjs代码

var casper = require("casper").create({
    verbose: true,
    logLevel: "debug"
});
function wait5seconds() {
    casper.wait(5000, function() {
    this.echo('2');    
    });
}

//    casper.options.waitTimeout = 40000;

casper.start("https://Testseite.de/WebInt.nsf/loginWidget.xsp", function() {
    this.echo("Page title: " + (this.getTitle()));
    wait5seconds();
});

casper.then(function(){
    this.fillSelector('Formname ????', {
    'username':    'Hans',
    'password':    'Wurst'
    }, true);
});

casper.then(function() {
        casper.capture('Test2.png');
});

casper.then(function() {
    this.evaluate(function(){
    //trigger click event on submit button
    document.querySelector('input[type="submit"]').click();
    });
});
casper.then(function() {
    casper.capture('Test3.png');
});

casper.run();

我也尝试用查询选择器解决我的问题，但仍然没有成功:(

Answer 1

我认为您缺少“表格；来自选择器。

大致如下：

this.fillSelectors('form#view:_id1', {      
    casper.then(function(){
        this.fillSelector('Formname ????', {
                          'username':    'Hans',
                          'password':    'Wurst'
    }, true);
});

这个问题可能有帮助：

Answer 2

是的，但每次我开始测试时它都会在第 4 步中断：

casper.then(function(){
     this.echo("Formstart");
    this.fillSelector('form#view:_id1', {
            'username':    'XX',
            'password':    'XX'
    },true);
     this.echo("Formend");
});

Formstart 有效，但 Formend 没有打印出来，所以错误一定在那里.... 我现在将其更改为：

casper.then(function(){
    this.echo("Formstart");
    this.fillSelector('form#view:_id1', {
            'input[name="username"]':    'XX',
            'input[name="password"]':    'Xx'
    },true);
    this.echo("Formend");

});

但仍然没有成功:(

Answer 3

最后我用调试器解决了它 Post 请求：

casper.open('https://XXX/WebInt.nsf',
{
    method: 'post',
    data: {'username':'XX','password':'XX'}
    }, function(response){
    if(response.status == 200){
        require('utils').dump(this.page.content);
    }
});

:)

casperjs 填写表格不起作用

casperjs fill form doesn't work

html

javascript

phantomjs

casperjs