(2) 请利用JQuery编写函数实现表单的校验,要求学号和姓名不能为空,年龄必须数字,才能实现表单的提交。 程序清单:(10分) function check() { } 其中表单的html代码如下: <form id=”student” action=”?” method=”post” onsubmit=”return check()”> 学号:<input type=”text” id=”xh”/> 姓名:<input type=”text” id=”name”/> 年龄:<input type=”text” id=”age”/> <input type=”submit” /> </form>
时间: 2024-03-26 20:38:27 浏览: 81
好的,以下是一个使用 jQuery 实现表单校验的函数:
```javascript
function check() {
// 获取表单中的输入值
let xh = $('#xh').val().trim();
let name = $('#name').val().trim();
let age = $('#age').val().trim();
// 校验学号和姓名是否为空
if (xh === '' || name === '') {
alert('学号和姓名不能为空!');
return false;
}
// 校验年龄是否为数字
if (isNaN(age)) {
alert('年龄必须是数字!');
return false;
}
// 表单校验通过,可以提交表单
return true;
}
```
该函数首先使用 jQuery 的 `val()` 方法获取表单中的输入值,并使用 `trim()` 方法去除前后空格。然后,通过判断学号和姓名是否为空,以及年龄是否为数字,进行表单校验。如果校验不通过,使用 `alert()` 方法提示用户并返回 `false` 阻止表单提交;如果校验通过,返回 `true` 允许表单提交。
在 HTML 中,需要在表单元素的 `onsubmit` 属性中调用该函数,例如:
```html
<form id="student" action="?" method="post" onsubmit="return check()">
学号:<input type="text" id="xh"/>
姓名:<input type="text" id="name"/>
年龄:<input type="text" id="age"/>
<input type="submit" />
</form>
```
这样,当用户点击提交按钮时,会自动调用 `check()` 函数进行表单校验。
阅读全文