写一段web代码:包含表单、表单控件、JS验证代码。
时间: 2023-12-31 14:06:06 浏览: 68
好的,这里提供一个简单的示例代码,包含了一个表单、表单控件以及JS验证代码:
HTML代码:
```
<form id="myForm" action="#" method="POST">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age"><br><br>
<input type="submit" value="提交">
</form>
```
JS代码:
```
<script>
const form = document.getElementById('myForm');
const name = document.getElementById('name');
const age = document.getElementById('age');
form.addEventListener('submit', function(event) {
if (name.value === '' || age.value === '') {
event.preventDefault();
alert('请填写完整信息!');
} else if (age.value < 18) {
event.preventDefault();
alert('年龄不能小于18岁!');
}
});
</script>
```
这段代码包含了一个表单,其中包含了两个表单控件:一个是用于输入姓名的文本框,一个是用于输入年龄的数字框。在JS代码中,我们监听了表单的submit事件,然后根据表单控件的值进行验证,如果验证不通过,则阻止表单提交,并弹出相应的提示信息。
阅读全文