请利用JQuery编写函数实现表单的校验,要求学号和姓名不能为空,年龄必须数字,才能实现表单的提交。 程序清单:(10分) function check()
时间: 2024-03-26 08:40:22 浏览: 25
以下是利用JQuery编写的表单校验函数:
```javascript
function check() {
var id = $('#id').val();
var name = $('#name').val();
var age = $('#age').val();
// 校验学号和姓名不能为空
if (id === '' || name === '') {
alert('学号和姓名不能为空!');
return false;
}
// 校验年龄必须为数字
if (isNaN(age)) {
alert('年龄必须为数字!');
return false;
}
// 表单校验通过,可以提交
return true;
}
```
在该函数中,我们首先通过 jQuery 的 `val()` 方法获取表单中学号、姓名和年龄的值,然后进行校验。如果学号或姓名为空,或者年龄不是数字,就会弹出提示窗口并返回 `false`,阻止表单的提交。如果校验通过,就返回 `true`,表单可以提交。
相关问题
利用JQuery编写函数实现表单的校验,要求学号和姓名不能为空,年龄必须数字,才能实现表单的提交
好的,下面是一个简单的利用JQuery编写函数实现表单校验的例子:
HTML代码:
```
<form id="myForm">
学号:<input type="text" id="idInput"><br>
姓名:<input type="text" id="nameInput"><br>
年龄:<input type="text" id="ageInput"><br>
<input type="submit" value="提交">
</form>
```
JQuery代码:
```
$(document).ready(function() {
$('#myForm').submit(function(event) {
// 阻止表单的默认提交行为
event.preventDefault();
// 获取表单中的输入值
var id = $('#idInput').val();
var name = $('#nameInput').val();
var age = $('#ageInput').val();
// 校验学号和姓名是否为空
if (id === '' || name === '') {
alert('学号和姓名不能为空');
return false;
}
// 校验年龄是否为数字
if (!$.isNumeric(age)) {
alert('年龄必须为数字');
return false;
}
// 如果校验通过,则提交表单
this.submit();
});
});
```
这段代码利用JQuery的submit()函数来监听表单的提交事件,然后获取表单中的输入值,校验学号和姓名是否为空,年龄是否为数字,如果校验通过,则提交表单。如果校验不通过,则弹出提示框并阻止表单的提交。
请利用JQuery编写函数实现表单的校验,要求学号和姓名不能为空,年龄必须数字,才能实现表单的提交。 程序清单: function check()
好的,这是一个用jQuery实现表单校验的例子:
```
function check() {
var sno = $('#sno').val();
var name = $('#name').val();
var age = $('#age').val();
if (!sno || !name) {
alert('学号和姓名不能为空!');
return false;
}
if (!$.isNumeric(age)) {
alert('年龄必须是数字!');
return false;
}
// 校验通过,提交表单
return true;
}
```
解释一下,这个函数首先使用 jQuery 的 `val()` 方法获取表单中学号、姓名和年龄的值,然后对学号和姓名进行非空校验,如果为空则弹出提示框并返回 false。接着使用 jQuery 的 `isNumeric()` 方法对年龄进行数字校验,如果不是数字则弹出提示框并返回 false。最后,如果校验通过,则返回 true,表单将会被提交。
阅读全文