Web开发笔记(6):js function的简单使用
来源:互联网 发布:mac残留windows软件 编辑:程序博客网 时间:2024/05/27 06:54
俗话说,不处理响应的javascript不是真正的javascript
学习一下function的响应,基于上一节的简单界面,编写简单的function函数,用以检查输入,并触发响应
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Student Management System</title>
<script type="text/javascript" language="javascript" src="js/welcome.js"></script>
</head>
<body>
<form name="infoForm" action="" method="post">
Name:<input type="text" name="username" value="input username"><br>
Password:<input type="password" name="password" value="input password"><br>
Sex:<input type="radio" name="sex" value="Male">Male
<input type="radio" name="sex" value="Female">Female<br>
Grade:<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select><br>
Teacher:<input type="checkbox" name="teacher" value="Tom">
<input type="checkbox" name="teacher" value="Andy">
<input type="checkbox" name="teacher" value="Janson">
</form>
<input type="submit" value="Submit" onclick="return doCheck()">
<input type="reset" value="Reset">
<script type="text/javascript">
function doCheck() {
if(infoForm.username.value == "") {
alert("Input value cannot be empty, pls check");
return false;
}
for(var index=0; index<arguments.length; index++) {
if(arguments[i] == "") {
alert("Input value cannot be empty, please check");
return false;
}
}
return true;
}
</script>
</body>
</html>
这里没有搞懂function传参,和独立js文件的编写,后续补充
执行结果如下:
- Web开发笔记(6):js function的简单使用
- Node js web开发简单demo学习笔记
- 使用简单的Web开发架构
- 使用CXF开发简单的Web Service
- iOS学习笔记-----block function简单使用
- Android开发笔记---service的简单使用
- [webservices开发]使用XFire开发一个简单的web服务
- [webservices开发]使用XFire开发一个简单的web服务
- js中三种使用function()的方法
- boost之function的简单使用
- boost之function的简单使用
- Seam的HelloWorld 使用Seam开发简单的Web应用
- Seam的HelloWorld 使用Seam开发简单的Web应用
- web开发的笔记
- web 开发笔记“UE 使用”
- 使用Axis开发一个简单的Web Service
- 使用Axis开发一个简单的Web Service
- 使用简单的轻量级移动web应用开发框架 - Sidetap
- MySQL的if,case语句使用总结
- Spring The prefix "context" for element "context:annotation-config" is not bound.
- 【.Net码农,HTML/JS】在TextBox中按下回车键时执行按钮事件
- [Leetcode刷题]Add Two Numbers
- 奇淫巧技之 Gson
- Web开发笔记(6):js function的简单使用
- vector容器中是否应该放指针?解决方法
- Docker学习笔记-Docker镜像
- [Leetcode刷题]Reverse Words in a String
- LeetCode 356. Line Reflection
- cc1: error: invalid option `abi=aapcs-linux' make[1]: *** [kernel/bounds.s] Error 1 make: *** [prep
- Leetcode Binary Search Tree Iterator
- 自备份-Java模拟访问网站
- OpenCV Java imshow()的实现