如何使用CasperJS中的输入ID登录表单？

Question

input元素不具有name属性，所以我必须使用的input元素。本来我用这个代码：

casper.start('https://mp.weixin.qq.com/', function() { 
    this.fillSelectors('form#login-form', { 
     'input[id="account"]': usr, 
     'input[id="password"]': passwd 
    }, true); 
}); 

是行不通的，所以我想fillXPath()，

casper.start('https://mp.weixin.qq.com/', function() { 
    this.fillXPath('form#login-form', { 
     '//input[@id="account"]': usr, 
     '//input[@id="password"]': passwd 
    }, true); 
}); 

也不起作用。 FYI：

# phantomjs --version 
1.9.7 
# casperjs --version 
1.1.0-beta3 

运行报告：

root@do1:/var/www/casperjs-phantomjs# casperjs test.js aaaaa@qq.com mysecret 
[info] [phantom] Starting... 
[info] [phantom] Running suite: 3 steps 
[debug] [phantom] opening url: https://mp.weixin.qq.com/, HTTP GET 
[debug] [phantom] Navigation requested: url=https://mp.weixin.qq.com/, type=Other, willNavigate=true, isMainFrame=true 
[debug] [phantom] url changed to "https://mp.weixin.qq.com/" 
[debug] [phantom] Automatically injected ./jquery-1.11.1.min.js client side 
[debug] [phantom] Successfully injected Casper client-side utilities 
[info] [phantom] Step anonymous 2/3 https://mp.weixin.qq.com/ (HTTP 200) 
[info] [remote] attempting to fetch form element from selector: 'form#login-form' 
[debug] [remote] Set "null" field value to aaaaa@qq.com 
[debug] [remote] Set "null" field value to ******* 
[info] [remote] submitting form to unknown, HTTP GET 
[info] [phantom] Step anonymous 2/3: done in 970ms. 
[debug] [phantom] Navigation requested: url=https://mp.weixin.qq.com/?, type=FormSubmitted, willNavigate=true, isMainFrame=true 
[debug] [phantom] url changed to "https://mp.weixin.qq.com/?" 
[debug] [phantom] Automatically injected ./jquery-1.11.1.min.js client side 
[debug] [phantom] Successfully injected Casper client-side utilities 
[info] [phantom] Step anonymous 3/3 https://mp.weixin.qq.com/? (HTTP 200) 
Page url is https://mp.weixin.qq.com/? 
Page title is 公众平台登录 
[info] [phantom] Step anonymous 3/3: done in 1532ms. 
[info] [phantom] Done 3 steps in 1549ms 

登录页面是：https://mp.weixin.qq.com/

Answer 1

fillSelectors应该可以正常工作，但你可以使用的SendKeys和点击作为一种解决方法：

casper.start('https://mp.weixin.qq.com/', function() { 
    this.sendKeys('input[id="account"]', "my_account"); 
    this.sendKeys('input[id="password"]', "my_password"); 
    this.click('input[type="submit"]'); 
}); 

Answer 2

使用CSS3选择器casper.fillSelectors http://www.w3.org/TR/css3-selectors/#id-selectors casper.start（ 'https://mp.weixin.qq.com/'，函数（）{

this.fillSelectors('form#login-form', { 
     '#account': usr, 
     '#password': passwd 
    }, true); 
});