如何使用正则表达式使用javascript在客户端验证条目？

在正则表达式用于通过javascript对客户端验证中的条目求值之前，此javascript代码一直有效。请检查正则表达式，并给我一个解决方案，可以通过正则表达式检查条目。 这里我附加了要计算的代码。提前谢谢

    <script type="text/javascript">

            var tuname=document.forms["teachersignup"]["tusername"];
            var tname=document.forms["teachersignup"]["tname"];
            var temail=document.forms["teachersignup"]["temail"];
            var tpassword=document.forms["teachersignup"]["tpassword"];
            var tiname=document.forms["teachersignup"]["tiname"];

            var uname=document.getElementById("uname");
            var naame=document.getElementById("nname");
            var email=document.getElementById("email");
            var pswd=document.getElementById("password");
            var iname=document.getElementById("iname");

            tuname.addEventListener("blur",unameVerify,true);
            tname.addEventListener("blur",nameVerify,true);
            temail.addEventListener("blur",emailVerify,true);
            tpassword.addEventListener("blur",passwordVerify,true);
            tiname.addEventListener("blur",inameVerify,true);

            var ck_password =  /^[A-Za-z0-9!@#$%^&*()_]{8,30}$/;
            var ck_iname = /^[A-Za-z0-9 ]*{3,60}$/;
            var ck_username = /^[a-zA-Z0-9.\-_@]{3,20}$/;
            var ck_name = /^[A-Za-z]{3,60}$/;
            var ck_email = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;


            function ValidateForm(){
                if(tuname.value == "" ){
                    tuname.style.border="1px solid red";
                    uname.innerHTML="Enter a valid username";
                    tuname.focus();
                    return false;   
                }
                if(tname.value == "" ){
                    tname.style.border="1px solid red";
                    naame.innerHTML="Enter a valid name";
                    tname.focus();
                    return false;   
                }
                if(temail.value == "" ){
                    temail.style.border="1px solid red";
                    email.innerHTML="Enter a valid email";
                    temail.focus();
                    return false;   
                }
                if(tpassword.value == "" ){
                    tpassword.style.border="1px solid red";
                    pswd.innerHTML="Enter a valid password";
                    tuname.focus();
                    return false;   
                }
                if(tiname.value == "" ){
                    tiname.style.border="1px solid red";
                    iname.innerHTML="Enter a valid institute's name";
                    tuname.focus();
                    return false;   
                }
            }
            function unameVerify(){
                if(tuname.value!=""){
                    tuname.style.border="1px solid #5bc0de";
                    uname.innerHTML="";
                    return true;

                }

            }
            function nameVerify(){
                if(tname.value!=""  ){

                    tname.style.border="1px solid #5bc0de";
                    name.innerHTML="";
                    return true;
                }

            }
            function emailVerify(){
                if(temail.value!="" ){
                    temail.style.border="1px solid #5bc0de";
                    email.innerHTML="";
                    return true;
                }

            }
            function passwordVerify(){
                if(tpassword.value!=""){
                    tpassword.style.border="1px solid #5bc0de";
                    pswd.innerHTML="";
                    return true;
                }

            }
            function inameVerify(){
                if(tiname.value!="" ){
                    tiname.style.border="1px solid #5bc0de";
                    iname.innerHTML="";
                    return true;
                }

            }

    </script>

var tuname=document.forms[“teachersignup”][“tusername”]；
var tname=document.forms[“teachersignup”][“tname”]；
var temail=document.forms[“teachersignup”][“temail”]；
var tpassword=document.forms[“teachersignup”][“tpassword”]；
var tiname=document.forms[“teachersignup”][“tiname”]；
var uname=document.getElementById（“uname”）；
var naame=document.getElementById（“nname”）；
var email=document.getElementById（“电子邮件”）；
var pswd=document.getElementById（“密码”）；
var iname=document.getElementById（“iname”）；
tuname.addEventListener（“模糊”，不真实，真实）；
tname.addEventListener（“模糊”，名称验证，真）；
temail.addEventListener（“模糊”，emailVerify，true）；
tpassword.addEventListener（“模糊”，密码验证，真）；
tiname.addEventListener（“模糊”，inameVerify，true）；
var ck_password=/^[A-Za-z0-9！@$%^&*（）；
var ck_iname=/^[A-Za-z0-9]*{3,60}$/；
var ck_username=/^[a-zA-Z0-9.\-\\@]{3,20}$/；
var ck_name=/^[A-Za-z]{3,60}$/；
var ck_email=/^（[\w-]+（？：\.[\w-]+）*）@（（？：[\w-]+\）*\w[\w-]{0,66}）\（[a-z]{2,6}（？：\.[a-z]{2}）$/i；
函数ValidateForm（）{
如果（tuname.value==“”）{
tuname.style.border=“1px实心红色”；
uname.innerHTML=“输入有效的用户名”；
tuname.focus（）；
返回false；
}
如果（tname.value==“”）{
tname.style.border=“1px实心红色”；
naame.innerHTML=“输入有效名称”；
tname.focus（）；
返回false；
}
如果（temail.value==“”）{
temail.style.border=“1px实心红色”；
email.innerHTML=“输入有效的电子邮件”；
temail.focus（）；
返回false；
}
如果（tpassword.value==“”）{
tpassword.style.border=“1px实心红色”；
pswd.innerHTML=“输入有效密码”；
tuname.focus（）；
返回false；
}
如果（tiname.value==“”）{
tiname.style.border=“1px纯红色”；
iname.innerHTML=“输入有效的机构名称”；
tuname.focus（）；
返回false；
}
}
函数unameVerify（）{
if（tuname.value！=“”）{
tuname.style.border=“1px solid#5bc0de”；
uname.innerHTML=“”；
返回true；
}
}
函数名验证（）{
if（tname.value！=“”）{
t name.style.border=“1px solid#5bc0de”；
name.innerHTML=“”；
返回true；
}
}
函数emailVerify（）{
if（temail.value！=“”）{
temail.style.border=“1px solid#5bc0de”；
email.innerHTML=“”；
返回true；
}
}
函数passwordVerify（）{
如果（tpassword.value！=“”）{
tpassword.style.border=“1px solid#5bc0de”；
pswd.innerHTML=“”；
返回true；
}
}
函数inameVerify（）{
if（tiname.value！=“”）{
tiname.style.border=“1px solid#5bc0de”；
iname.innerHTML=“”；
返回true；
}
}

试试这个

var tuname\u val=tuname.value

var valid\u tuname=tuname\u val.match（ck\u用户名）

这将返回一个具有键“input”的对象，该键将存储与您的模式匹配的有效输入

告诉我这是否有效。
请详细说明代码中哪些不起作用。如果我在条件语句中使用正则表达式求值，则它不起作用。那么，在客户端中，在哪里放置用于计算条目的正则表达式呢？这将返回什么呢？以及如何利用这一点作为条件。例如，如果条目不满足，那么它将不会移动到下一页。它必须在同一注册页面中显示错误消息。请建议我如何处理？我已经为此创建了JSFIDLE。看看这里：在JS的第127行，您可以添加脚本来提醒用户密码长度必须最小为8，最大为30，而不是说“不是有效密码”（正如我在小提琴中所做的）。另外，正则表达式ck_iname有一些错误，所以我用ck_名称代替它。检查并告知是否有帮助，明白了。谢谢你的帮助