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();

我也試圖用queryselector解決我的問題，但仍然沒有成功:(

Answer 1

我認為您缺少“表格”； 從選擇器。

類似於以下內容：

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

這個問題可能會有所幫助：如何在casperjs中使用fillSelectors

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填寫表格無效

問題描述

3 個解決方案

解決方案1
0 2016-07-21 14:26:57

解決方案2
0 2016-07-22 11:05:10

解決方案3
0 已采納 2016-07-22 15:29:42

casperjs填寫表格無效

問題描述

3 個解決方案

解決方案1 0 2016-07-21 14:26:57

解決方案2 0 2016-07-22 11:05:10

解決方案3 0 已采納 2016-07-22 15:29:42

解決方案1
0 2016-07-21 14:26:57

解決方案2
0 2016-07-22 11:05:10

解決方案3
0 已采納 2016-07-22 15:29:42