在表单无效时禁用测试按钮的解决方法可以使用以下代码示例：

HTML代码：

  
  
  
  提交
  
  测试

JavaScript代码：

// 获取表单元素和测试按钮元素
var form = document.getElementById("myForm");
var testButton = document.getElementById("testButton");

// 监听表单提交事件
form.addEventListener("submit", function(event) {
  // 检查表单是否有效
  if (!form.checkValidity()) {
    // 如果表单无效，禁用测试按钮
    testButton.disabled = true;
  }
});

// 监听表单输入事件
form.addEventListener("input", function(event) {
  // 检查表单是否有效
  if (form.checkValidity()) {
    // 如果表单有效，启用测试按钮
    testButton.disabled = false;
  }
});

上述代码在JavaScript中使用了addEventListener方法来监听表单的提交事件和输入事件。当表单提交时，会检查表单的有效性。如果表单无效，则禁用测试按钮。当表单的输入发生变化时，会再次检查表单的有效性。如果表单有效，则启用测试按钮。

你可以根据实际情况修改代码中的表单元素和按钮元素的id，以及添加其他的表单验证规则。