如何使用CasperJS中的表单名称填写表单

Question

我正在尝试填写表单的输入：

<form name="step_one_login_form" action="/" method="post">
  <input type="hidden" name="form_name" value="step_one_login_form">
  <input type="hidden" name="return_url" value="index.php?
  <div id="haveaccount" style="display:block;">
    <div class="panel_login">
      <div class="panel_login_row">
        <div class="panel_login_fieldname">
          <label for="login_checkout" class="cm-required cm-trim cm-email">Email:</label>
          <span class="panel_login_fieldabout">(Required)</span>
        </div>
      <div class="panel_login_field">
        **<input type="text" id="login_checkout" name="user_login" size="30" value=""class="panel_login_textbox">**

由于没有给出表单的类或id，我不明白这样做的方法。

Answer 1

由于它具有name属性，因此您可以使用该属性进行引用。

casper.fill('form[name="step_one_login_form"]', {
    'user_login': 'USER_NAME'
});

您还可以使用Casper#fillSelectors方法：

casper.fillSelectors('form[name="step_one_login_form"]', {
    '#login_checkout': 'USER_NAME'
});