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