请教大佬们注册客户端验证问题?

前端开发新手在实现用户名、密码验证时遇到问题。js验证未生效,可能未正确调用或配置。关于密码的正则表达式不确定是否正确。另外,询问在实际开发中,如使用bootstrap等框架,如何处理前端验证,是使用内置验证库还是自定义js。已提供代码链接以供查阅。
摘要由CSDN通过智能技术生成

  本人前端web开发学萌一个,感觉学的好迷茫。
在下面这个程序中,js中我主要写了验证用户名1-6位中文字符、密码6-12位至少含一位字母和数字、且两次输入密码应该一致。

然后问题来了,咋也不知道为啥就验证的时候好像就没进入js,然后就根本没验证,这是哪里错了?这是第一个问题。

第二个问题,就是验证密码时的那个正则表达式我不太会,不知道对不对,百度找的。如果有错误,麻烦指正。

第三个问题,就是在前端,企业从事开发的时候,资源代下载如果比如要上面这个验证,那么比如像bootstrap这种框架中有没有可以直接用来验证的Js文件,还是说自己写一个验证的js比较方便?

具体代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>第一序列游戏注册</title>

<link rel="stylesheet" type="text/css" href="./frame/layui.css">

<script type="text/javascript">

function validate(){

    var username=document.form.user_name.value;

    var pass1=document.form.password1.value;

    var pass2=document.form.password2.value;

    if(!(username.length>=1&&username.length<=6))

    {

        alert("请输入1-6位中文字符用户名!");

    }

    if(pass1.length>=6&&pass1.length<=12)

    {

        var reg=new RegExp(/^(?![^a-zA-Z]+$)(?!\D+$)/);

        if(!reg.test(pass1){

            alert("密码中应至少包含一位数字和一位字母!");

        }

    }else{

        alert("请输入6-12位密码!");

    }

    if(!pass1.equals(pass2)){

        alert("两次密码输入不一致!");

    }

}

</script>

</head>

 

<body onload="document.form.user_name.focus()">

<div>

  <br/>

  <h2 style="padding:0 0 0 7em;">第一序列游戏注册</h2>

  <br/><br/>

   

  <form <

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值