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

原文地址:https://www.cnblogs.com/wmdww/p/14157742.html