HtmlUnit 處理無 ID/Name 只有 Class 的表單提交按鈕

場景

目標頁面表單結構：

<form>
  <input name="username" />
  <input name="password" />
  <button class="btn-submit" type="submit">登錄</button>  <!-- 無 id、無 name -->
</form>

文本框可通過 getInputByName() 定位，但提交按鈕僅有 class="btn-submit"。

三種定位策略

1. XPath 相對定位（推薦，最穩健）

HtmlButton submitBtn = form.getByXPath("//button[@class='btn-submit']").get(0);
submitBtn.click();

或更精確：//form//button[contains(@class,'btn-submit') and @type='submit']

2. CSS 選擇器（HtmlUnit 2.23+ 支持）

HtmlButton submitBtn = form.querySelector("button.btn-submit[type=submit]");
submitBtn.click();

3. 遍歷表單所有提交型元素

for (HtmlElement el : form.getElementsByTagName("button")) {
    if ("submit".equals(el.getAttribute("type")) 
        && el.getAttribute("class").contains("btn-submit")) {
        ((HtmlButton)el).click();
        break;
    }
}
// 兼容 input[type=submit]
for (HtmlElement el : form.getElementsByTagName("input")) {
    if ("submit".equals(el.getAttribute("type"))) {
        ((HtmlSubmitInput)el).click();
        break;
    }
}

進階：通用表單提交工具方法

public static void submitForm(HtmlForm form, String buttonClassContains) {
    // 優先查找 button
    List<HtmlElement> buttons = form.getByXPath(
        ".//button[contains(@class, '" + buttonClassContains + "') and @type='submit']");
    if (!buttons.isEmpty()) {
        ((HtmlButton)buttons.get(0)).click();
        return;
    }
    // 退而求其次查找 input[type=submit]
    List<HtmlElement> inputs = form.getByXPath(
        ".//input[@type='submit' and contains(@class, '" + buttonClassContains + "')]");
    if (!inputs.isEmpty()) {
        ((HtmlSubmitInput)inputs.get(0)).click();
        return;
    }
    // 最後嘗試直接提交表單（繞過按鈕）
    form.submit();
}

避坑提醒

1. 動態頁面需等待 AJAX 完成：webClient.waitForBackgroundJavaScript(5000)
2. 按鈕可能在 <div> 包裹層中，XPath 用 //form//button 而非 /form/button
3. 多語言站點 class 名可能變化，優先用 type='submit' + 位置特徵（如「表單最後一個按鈕」）