这俩天主要进行的是JavaScript中对用户输入的判定这一部分。
在其中所学的都在代码中:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript练习</title> </head> <body> </script> <html> <head> <title>JavaScript练习界面</title> </head> <body> <!-- 应用及原理 --> <!-- JavaScript包括3个部分,ECMAScript,DOM,BOM,分别有不同的作用。 ECMAScript是其核心,包括基本语法、变量、关键字,语句,函数等 DOM文档对象模型,包含整个HTML页面的内容 BOM浏览器对象模型,包含整个浏览器相关内容 --> <!-- ECMAScript语法: 1、区分大小写。 2、变量是弱类型,定义变量只用var运算符,不要用关键字和保留字 变量不需要一定初始化 3、变量声明不是必须的 4、全等号“===”,不需要转换类型,直接比较 5、获取元素:document.getElementById("id名称"),如果id是字符串,必须加引号,如果是变量,不需要。 获取元素里面的值:document.getElementById("id名称").value。 6、 --> <!-- JavaScript输出 1、弹框:alert(); 2、向指定位置写入内容:innerHTML(属性) 3、向页面写入内容:document.write(""); --> <!-- JavaScript判断数据提交步骤 第一、确定时间(onsubmit)并为其绑定一个函数 第二、书写函数(获取数据《需要定义id》) 第三、判断输入的数据 第四、数据合法(提交),数据非法(不提交)。 控制提交方法: 关于事件onsubmit:一般用于表单提交的位置,在定义时各处返回值。onsubmit = "return checkForm()" --> <!-- 优化判断 第一、确定事件(onfocus聚焦事件)并为其绑定一个函数 第二、书写绑定函数(在输入框的后面给出提示信息) 第三、确定事件(onblur离焦事件)并为其绑定一个函数 第四、书写函数(对数据进行校验,分别给出提示) --> <center><font color = "蓝色" face = "华文楷体" > 注册界面</font></center> <form name="form1" action="" method="post" onsubmit="return checkForm()"> <table align="center"> <tr> <td> 用户 ID:</td> <td><input type="text" name="userid" id = "userid" onfocus = "showTips()" onblur = "checkUserid()"><span id = "useridspan"></span></td> </tr> <tr> <td> 用户名:</td> <td><input type="text" name="username" id = "username"></td> </tr> <tr> <td> 密码:</td> <td><input type="password" name="password" id = "password"></td> </tr> <tr> <td> 确认密码:</td> <td><input type="password" name="password2" id = "password2"></td> </tr> <tr> <td> <input type="reset" value="重置"></td> <td> <input type="submit" value="提交"></td> <td><input type = "button" value = "zhuce" /></td> </tr> <table> </form> </body> </html> </body> </html> <!-- <<script type="text/javascript"> function checkForm(){ /*检验用户名*/ //1、获取用户输入的数据 var username = document.getElementById("username").value; if(username == ""){ alert("用户名不能为空!"); return false; } /*检验密码*/ var password1 = document.getElementById("password").value; if(password1 == ""){ alert("密码不能为空!"); return false; } /*检验确认密码*/ var password2 = document.getElementById("password2").value; if(password2 != password1){ alert("两次密码不同!"); return false; } } </script> --> <script> function showTips(){ document.getElementById("useridspan").innerHTML = "<font color = 'gray'>用户名必填</font>"; } function checkUserid(){ //获取用户ID数据 var userid = document.getElementById("userid").value; if(userid == ""){ document.getElementById("useridspan").innerHTML = "<font color = 'red'>用户名不能为空</font>"; }else{ document.getElementById("useridspan").innerHTML = ""; } } </script>
当然,对条件的判定肯定不仅仅这一种,但基本上都可以从百度或其他查询软件中直接获得并直接使用,因此在这也不过多赘述。当然,每当碰到一种新的限定条件时,都应该去保存到自己的代码中,方便下次使用,最好做一个相关的文档,来进行储存,记忆。
接下来几天将进行对数据库的学习和JDBC的相关内容的了解。