使用JavaScript完成注册表单数据校验

1、需求分析

     用户在进行注册时会输入一些内容，但是有些用户会输入一些不合法的内容，导致服务器的压力过大。此时我们需要对用户输入的内容进行一个校验（前端校验和后端校验），前端校验防君子不防小人。

2、步骤分析

     第一步：确定事件（onsubmit）并为其绑定一个函数

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

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

     第四步：数据合法，让表单提交

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

     -----如何控制表单提交？

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

3、代码实现

<script>
    function checkForm(){
        /*校验用户名*/
        //1、获取用户输入的数据
        var uValue = document.getElementById("user").value;
        if(uValue==""){
            //2、给出错误提示信息
            alert("用户名不能为空！");
            return false;
        }
        /*校验密码等一样的，只需改变获取的元素值*/

    }

</script>

html部分：(需要在指定位置添加id)

<form action="#" method="get" name="regForm" onsubmit="return checkForm()">