<form action="student.action?action=getFenshu&taskAccount=${taskAccount}&studentAccount=${studentAccount}" method="post" onsubmit="return checkFenshu()">
时间: 2023-11-11 17:55:44 浏览: 38
这是一个HTML表单的代码,其中action属性指定了表单提交的URL地址,method属性指定了表单提交时使用的HTTP方法。onsubmit属性指定了在表单提交前要执行的JavaScript函数,如果该函数返回false,则表单不会提交。
其中,URL地址中包含了多个参数,以"&"符号分隔,参数名和参数值之间使用"="符号连接。${taskAccount}和${studentAccount}是在页面中使用了JSP标签库,可以动态地将这些参数的值替换为具体的值。
相关问题
(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>
好的,以下是一个使用 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()` 函数进行表单校验。
请在下面这段代码上给我完善, <form class="user" action="/dorm/index_student" method="post" sid="${bean.id}"> <%-- <input type="hidden" name="table" value="t_student">--%> <input type="hidden" name="table" value="t_student"> <div class="a"> 学 号:<input type="text" class="uname" name="username" value="${bean.username}"> <br> 密 码:<input type="password" class="paw" name="password" value="${bean.password}"> <br> 姓 名:<input type="text" class="name" name="name" value="${bean.name}"> <br> </div> <div class="b"> 宿 舍: <select name="did"> <c:forEach var="bean" items="${dormList}"> <option value="${bean.id}">${bean.dorm}(${bean.build})</option> </c:forEach> </select> <br> 电 话:<input type="tel" class="mobile" name="mobile" value="${bean.mobile}"> <br> 性 别:<input type="sex" class="sex" name="sex" value="${bean.sex}"> <br> <input type="submit" value="提交" class="sub"> </div> </form>
根据你的描述,你想要在这段代码中添加一个隐藏的input,其name为sid,value为${bean.id}。可以在form标签中添加一个隐藏的input,代码如下:
```html
<form class="user" action="/dorm/index_student" method="post" table="t_student">
<input type="hidden" name="sid" value="${bean.id}">
<div class="a">
学 号:<input type="text" class="uname" name="username" value="${bean.username}">
<br>
密 码:<input type="password" class="paw" name="password" value="${bean.password}">
<br>
姓 名:<input type="text" class="name" name="name" value="${bean.name}">
<br>
</div>
<div class="b">
宿 舍:
<select name="did">
<c:forEach var="bean" items="${dormList}">
<option value="${bean.id}">${bean.dorm}(${bean.build})</option>
</c:forEach>
</select>
<br>
电 话:<input type="tel" class="mobile" name="mobile" value="${bean.mobile}">
<br>
性 别:<input type="sex" class="sex" name="sex" value="${bean.sex}">
<br>
<input type="submit" value="提交" class="sub">
</div>
</form>
```
这样就可以在form标签中添加一个隐藏的input,并将其name设置为sid,value设置为${bean.id}了。