js简单表单验证(弹出框)

登录和注册的弹出框的js验证

有些字段是不能为空的,那么我们就要通过验证判断:用户是否填写。

此时就要用到js验证。

登录

html

登录









|

要在自己写的登录页面上加上表单form,然后添加

name、id和onSubmit自定义。

每一个input中都要有对应的name。

然后写js

js

        function check_login()
{

 if(document.form1.username.value=="")
 {
 alert("请检查手机/邮箱/用户名是否为空!");
 return false;
 }
 if(document.form1.password.value==""){
 alert("请检查您的密码是否为空!");
 return false
 }
}

函数的名字要跟onsubmit同步。

运行后的效果如下图:

js简单表单验证(弹出框)_第1张图片


注册界面道理同上,效果图展示如下:

js简单表单验证(弹出框)_第2张图片


总结:

这是弹出框的验证,我之后在研究下不用弹出框的验证。

附上名言——

一个人是在对周围生活环境的反抗中创造成功的。


你可能感兴趣的:(software,testing)