点击确定时,如果input 框少于2个汉字做校验 如何写
时间: 2024-03-20 16:40:19 浏览: 17
在点击“确定”按钮时,可以先获取输入框的值进行校验,如果不符合要求,则弹出提示框并返回false,阻止表单的提交;如果符合要求,则不进行任何操作,返回true,允许表单的提交。
以下是一个简单的实现示例:
```html
<form onsubmit="return checkForm()">
<input type="text" id="myInput" />
<button type="submit">确定</button>
</form>
<script>
function checkForm() {
var input = document.getElementById("myInput");
var value = input.value.trim(); // 获取输入框中的值并去掉首尾空格
if (value.length < 2 || !/^[\u4e00-\u9fa5]+$/.test(value)) { // 判断是否符合要求
alert("请输入至少2个汉字!");
input.focus(); // 让输入框获取焦点
return false; // 阻止表单的提交
}
return true; // 允许表单的提交
}
</script>
```
在上面的代码中,我们在表单的onsubmit事件中调用了checkForm函数。该函数会首先获取输入框的值并去掉首尾空格,然后判断其长度是否大于等于2并且是否全部由汉字组成。如果符合要求,则返回true,允许表单提交;如果不符合要求,则弹出提示框,让输入框重新获取焦点,并返回false,阻止表单的提交。