Java学习10.21(javaweb对输入信息进行验证1)
一、今日收获:
1 JavaScript 语言
在 Web 应用中需要在客户端执行的功能可以使用 JavaScript 语言编写,在使用的时候需要把 JavaScript 代码放在下面的两个标识之间:例如:
<script language="JavaScript">
相关 JavaScript 代码
</script>
通常会把对不同内容的验证写成不同的方法,方法的格式如下:
function 方法名(参数)
{
// 方法体
}
不需要写方法的返回值类型,但是方法可以有返回值,并且可以是各种类型的返回值。方法的参数类型也可以不写。把方法放在 JavaScript 的开始标识和结束标识之间即可。
2.使用表单数据
要对用户输入的信息进行验证,需要先获取输入信息。每个表单元素都属于一个 form表单,要获取信息,需要先获取 form,然后访问表单元素的值。
有两种方式可以获取 form 表单:
第一种 | 通过 document 对象获得 form:form = document.form1 其中,form1 是表单元素的名字。 |
第二种 | 在调用验证方法的时候把 form 作为参数来获得 form,isValidate(form1) ,其中,form1 就是表单的名字。
得到 form 之后,获取表单元素的值的代码如下:
form.userid.value
其中,userid 是表单元素,value 是该表单元素的值。
|
3.调用验证方法
验证通常在表单提交之前进行,可以通过按钮的 onClick 事件,也可以通过 form 表单的 onSubmit 事件来完成。
(1)通过 form 表单的 onSubmit 事件来完成的:
<form name="form1" action="register_confirm.jsp" method="post"
onSubmit="return isValidate(form1)">
(2)如果要通过按钮的 onClick 事件完成,可以使用下面的代码:
<input type="button" value="提交" onClick="JavaScript:isValidate()">
(3)如果使用这个方法,在验证通过之后,需要编写提交表单的代码:
document.form1.submit();
4.提示用户信息
在验证失败之后通常需要提示用户错误信息,可以通过下面的代码完成:
alert("地址长度大于 50 位!");
当使用 alert 提示错误信息时,参数是要显示的错误信息。上面就是当用户输入的地址信息的长度大于 50 的时候提示用户的信息。
如果验证失败,则通常会把光标放在相应的输入框中,可以使用下面的代码:
form.address.focus();
如果地址的长度不合适,就会把光标放在地址输入框中。
二、明日计划:
明天学习在javaweb对输入信息验证过程中,经常使用的方法。