Làm thế nào để điền vào mẫu sử dụng CasperJS mà không cần thẻ form

Question

Tôi mới đến CasperJS và tôi đang gặp vấn đề trong việc đăng nhập vào trang web này http://weibo.com/login.php

đây là những gì tôi đã cố gắng

this.fill('form#contact-form', { 
    'username': 'test@test.com', 
    'password': 'anypassword', 

}, true); 

tôi không thể sử dụng nó vì nó không có dạng.

vì vậy tôi đã thử một phương pháp khác bằng cách sử dụng sendKeys.

this.sendKeys('.W_input ', 'tinkerbell@gmail.com'); 

Bây giờ vấn đề của tôi ở đây là văn bản đầu vào không có ID trong đó, chỉ một CLASS và cả tên người dùng và mật khẩu đều có cùng một CLASS trong đó. làm thế nào tôi có thể gõ vào hộp văn bản mà chỉ sử dụng lớp đó? hoặc có thể sử dụng sendKeys bằng XPath không?

Answer 1

casper hỗ trợ selectors CSS3 (tuts+ has a decent rundown of the top 30 you should memorize), do đó bạn có thể làm điều gì đó như:

this.sendKeys('input[name=username]', 'tinkerbell@gmail.com');

Answer 2

tôi sử dụng querySelector chức năng để thiết lập tên đăng nhập và mật khẩu với thành công:

var casper = require("casper").create(); 
casper.start('http://www.weibo.com', function() { 
    this.evaluate(function(username, password) { 
     document.querySelector('input[node-type="username"]').value = username; 
     document.querySelector('input[node-type="password"]').value = password; 
     document.querySelector('.W_btn_g:eq(1)').click(); 
    }, 'your_username', 'your_password'); 

}); 

casper.then(function() { 
    this.wait(50000, function() { 
     this.echo("50s"); 
    }); 

}); 

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

casper.run(); 

Answer 3

Đây là casper đơn giản js script để điền vào mẫu đăng nhập giả sử nó đã đề cập id cho mỗi trường

casper.evaluate (chức năng (tên người dùng, mật khẩu) { document.querySelector ('input # user_email'). Value = username;

 document.querySelector('input#user_password').value = password; 
     document.querySelector('input#login-button').click(); 
    }, 'email@email.com', 'password');