javascript - 问题 - casperjs 中两个表单具有相同的 CSS 类名

Question

我在同一页面中有两个具有相同 CSS 类名称的表单。

<form class="formFormatClass" >
</form>
<form class="formFormatClass" >
</form>

当我使用下面的代码片段填充表单数据时，它始终考虑第一个表单，但不考虑第二个表单。

this.fill('form.formFormatClass', {
      donorNumber :  DONOR_NUMBER_VALUE,
      firstName :    'srikanth',     
      lastName  :'',
      anyBloodGroup : 'true',
     dueToDonate : 'false' }, true);

如何编写代码来填写第二个表单而不更改已设计的 JSP 页面

Answer 1

正如其他人建议的那样，向每个表单添加一个 ID 将有助于区分它们:

<form class="formFormatClass" id="form1">
</form>
<form class="formFormatClass" id="form2">
</form>

this.fill('#form1', {
      donorNumber :  DONOR_NUMBER_VALUE,
      firstName :    'srikanth',     
      lastName  :'',
      anyBloodGroup : 'true',
     dueToDonate : 'false' }, true);

this.fill('#form2', { ...