以上代码在校验失败时禁止提交按钮
时间: 2024-03-19 07:43:55 浏览: 29
提交表单后提交禁用提交按钮,防止重复提交
您可以在校验失败时通过JavaScript禁用提交按钮来实现这个功能。您可以在校验函数中添加以下代码:
```javascript
document.getElementById('submit-button').disabled = true;
```
这将禁用id为“submit-button”的提交按钮。当校验函数返回false时,您可以在表单元素中添加一个onsubmit事件处理程序,在该处理程序中调用校验函数并返回其结果。例如:
```html
<form onsubmit="return validateForm()">
<!-- form elements here -->
<button id="submit-button" type="submit">Submit</button>
</form>
```
在上面的示例中,validateForm()是校验函数,它将在提交按钮被点击时运行。如果校验失败,提交按钮将被禁用,因此用户无法提交表单。如果校验成功,表单将被提交。
阅读全文