怎么禁止表单空格也能提交
时间: 2023-05-24 21:06:18 浏览: 221
vue表单验证之禁止input输入框输入空格
可以通过以下两种方式禁止表单输入空格:
1. 使用JavaScript代码,首先获取表单中的输入框,然后在提交时判断输入框中是否包含空格,如果包含则禁止提交。
示例代码:
```javascript
document.querySelector('form').addEventListener('submit', function (e) {
var input = document.querySelector('input[type="text"]');
if (input.value.indexOf(' ') >= 0) {
e.preventDefault(); //禁止表单提交
alert('输入框中不允许输入空格!');
}
});
```
2. 在HTML中使用正则表达式限制输入框中不能包含空格。
示例代码:
```html
<input type="text" name="username" pattern="^[^\s]+$" title="输入框中不允许输入空格!">
```
这里使用了正则表达式中的非空格字符集(`[^\s]`),表示输入框中不能包含任何空格。同时设置了`title`属性,当输入框中输入了空格时会显示该提示信息。
阅读全文