2020.11.12

一、今日学习内容

      对输入信息进行验证

      JavaScript语言

          <script language="JavaScript">

                   相关JavaScript代码

         </script>

      通常会把对不同内容的验证写成不同的方法，方法的格式如下：

           function  方法名(参数)

           {

                    //方法体

            }

           不需要写方法的返回值类型，但是方法可以有返回值，并且可以是各种类型的返回值。

2.4.2使用表单数据

        要对用户输入的信息进行验证，需要先获取输入信息。每个表单元素都属于一个form表单，要获取信息，需要先获取form,然后访问表单元素的值。

        有两种方式可以获取form表单。

         (1）第一种方式通过document对象获得form: .

                   form = document. form1

          其中，form1是表单元素的名字。

        （2）另一种方式是在调用验证方法的时候把form作为参数来获得form,本章实例中使用的就是这种方式:

                  isValdate(form1)

           其中，form1 就是表单的名字。

               得到form之后，获取表单元素的值的代码如下:

                     form.userid. value

         其中，userid 是表单元素，value 是该表单元素的值。

2.4.3调 用验证方法

        验证通常在表单提交之前进行，可以通过按钮的onClick 事件，也可以通过form表单的onSubmit事件来完成。

           本章实例是通过form表单的onSubmit事件来完成的:

                    <form name="form1" action="register_confirm.jsp" method="post"

                      onSubmit="return isValidate(form1)">

      如果要通过按钮的onClick事件完成，可以使用下面的代码:

                 <input type="button" value="提交" onClick="JavaSciptisValidate()">

      如果使用这个方法，在验证通过之后，需要编写提交表单的代码:

                document. form1.submit();

2.4.4提示用户信息

           在验证失败之后通常需要提示用户错误信息，可以通过下面的代码完成:

                 alert("地址长度大于50位! ");

         当使用alert提示错误信息时，参数是要显示的错误信息。上面就是当用户输入的地址信息的长度大于50的时候提示用户的信息。

        如果验证失败，则通常会把光标放在相应的输入框中，可以使用下面的代码:

                frm.adress. focus();

      如果地址的长度不合适，就会把光标放在地址输入框中。

二、遇到的问题

    对表单数据的获取不太清楚

三、明日计划

   明天继续学习web