• 使用JS完成注册表单的数据校验


    1、前台校验

    防君子不防小人

    JavaScript被设计用来向HTML页面添加交互行为

    JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)

    JavaScript由数行可执行计算机代码组成

    JavaScript通常直接嵌入HTML页面

    JavaScript是一种解释性语言(就是说,代码执行不进行预编译)

    所有的人无需购买许可证均可使用JavaScript

    Java和JavaScript的区别?

    它们没有关系,就像雷锋和雷峰塔

    JavaScript的作用

    HTML是整个网站的骨架

    CSS是对整个网站骨架的内容进行美化(修饰)

    JavaScript能够让整个页面具有动态效果

    JavaScript的组成部分:

    1、ECMAScript核心

    它是整个JavaScript的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)

    2、DOM文档对象模型

    它包含整个HTML页面的内容

    3、BOM浏览器对象模型

    它包含整个浏览器相关内容

    Javascript语法

    1、区分大小写

    2、变量是弱类型的

    3、每行结尾的分号可有可无

    4、注释与Java、C和PHP语言的注释相同

    5、括号表示代码块

    JavaScript的变量

    变量可以不用声明,变量是弱类型。统一使用var来定义!定义变量的时候不要使用关键字和保留字。

    关键字

    ECMAScript有5种原始类型,即Undefined、Null、Boolean、Number和String。

    引用数据类型:存在很多种,每种都是object对象

    可以使用typeof查看数据类型,使用instanceof判断变量数据类型

    null和undefined的区分

    null:对象不存在

    undefined:对象存在,访问属性或者方法不存在(对象未初始化)

    获取元素内容

    获取元素

    document.getElementById("id名称");

    如果id是一个字符串,那么必须加上引号,如果是一个变量那么不需要

    获取元素里面的值

    document.getElementById("id名称").value;

    JavaScript事件

    表单提交事件:onsubmit

    JavaScript的输出

    警告框:alert();

    向页面指定位置写入内容:innerHTML(属性);

    向页面写入内容:document.write("");

    3步骤分析

    第一步:确定事件(onsubmit)并为其绑定一个函数

    第二步:书写这个函数(获取用户输入的数据)<获取数据时需要在指定位置定义一个id>

    第三步:对用户输入的数据进行判断

    第四步:数据合法(让表单提交)

    第五步:数据非法(不让表单提交)给出错误提示信息

    如何控制表单提交?

    关于事件onsubmit:一般用于表单提交的位置,那么需要定义函数的时候给出一个返回值。onsubmit = return checkForm();

     代码的实现

    2、后台校验

  • 相关阅读:
    struts.xml
    web.xml
    jdbc.properties
    apache+tomcat的集群--Session复制配置
    mysql 定时触发器
    mysql 查看存储过程
    Quatz 定时任务
    Apache Httpd常用命令
    Mac安装nginx
    dubbo ReferenceConfig源码分析
  • 原文地址:https://www.cnblogs.com/kangyaping/p/8654665.html
Copyright © 2020-2023  润新知