使用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()">

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值