JS表单验证,按钮验证,验证成功怎么实现跳转

JavaScript024

JS表单验证,按钮验证,验证成功怎么实现跳转,第1张

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<meta name="keywords" content="白菜编辑部">

<title>白菜编辑部</title>

<style type="text/css">

</style>

<script type="text/javascript">

    function check (form)

    {

        var reg = /^\s*|\s*$/g

        if (form.username.value.replace(reg,'') == "")

        {

            alert ("请输入用户名")

            form.username.focus ()

            return false

        }

        else if (form.password.value.replace(reg,'') == "")

        {

            alert ("请输入密码")

            form.password.focus ()

            return false

        }

        else 

        {

            return true

        }

    }

</script>

</head>

<body>

    <div class="page-container">

        <h1>基站问题信息管理系统</h1>

        <h1>登录(Login)</h1>

        <form name="form1" id="form1" action="loginprocess.php" method="post">

            <input type="text" name="username" id="username" class="username" placeholder="请输入您的用户名!"> <input type="password" name="password"

                id="password" class="password" placeholder="请输入您的用户密码!">

            <button type="submit" class="submit_button" onclick="return check(this.form)">登录</button>

            <div class="error">

                <span>+</span>

            </div>

        </form>

    </div>

</body>

</html>

用户名或昵称 : ^[\u4e00-\u9fa5A-Za-z0-9-_]*$——只能中英文,数字,下划线,减号

用户密码: ^[a-zA-Z]\w{5,17}$ 正确格式为——以字母开头,长度在6-18之间,只能包含字符、数字和下划线。

汉字 :^[\u4e00-\u9fa5],{0,}$

Email地址 :^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

                     ^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$

IP地址 :^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$

日期 格式是否为YYYY-MM-DD:^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/

时间 格式是否为hh:mm:ss:^([0-1]\\d|2[0-3]):[0-5]\\d:[0-5]\\d$

InternetURL :^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$

                            ^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$

电话号码 :^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$——正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。

                        ^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$

手机号码 :^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$:打长途时一般要在手机号码前加0。

身份证号 (15位或18位数字):^\d{15}(\d{2}[A-Za-z0-9])?$

QQ号码 : /^[1-9]\d{4,8}$/

验证是否含有 ^%&',=?$\" 等字符:[^%&',=?$\x22]+

验证一年的12个月:^(0?[1-9]|1[0-2])$ 正确格式为:“01”-“09”和“1”“12”

验证一个月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为:01、09和1、31。

验证数字:^[0-9]*$

验证n位的数字:^\d{n}$  

验证至少n位数字:^\d{n,}$ 

验证m-n位的数字:^\d{m,n}$

验证零和非零开头的数字:^(0|[1-9][0-9]*)$

验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$

验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$

验证非零的正整数:^\+?[1-9][0-9]*$

验证非零的负整数:^\-[1-9][0-9]*$

验证非负整数(正整数 + 0) ^\d+$

验证非正整数(负整数 + 0) ^((-\d+)|(0+))$

验证长度为3的字符:^.{3}$

验证由26个英文字母组成的字符串:^[A-Za-z]+$

验证由26个大写英文字母组成的字符串:^[A-Z]+$

验证由26个小写英文字母组成的字符串:^[a-z]+$

验证由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$

验证由数字、26个英文字母或者下划线组成的字符串:^\w+$

整数:^-?\d+$

非负浮点数(正浮点数 + 0):^\d+(\.\d+)?$

正浮点数: ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

非正浮点数(负浮点数 + 0):^((-\d+(\.\d+)?)|(0+(\.0+)?))$

负浮点数: ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

浮点数 :^(-?\d+)(\.\d+)?$

双精度:^[-\+]?\d+(\.\d+)?$

//判断输入的字符是否为中文

function IsChinese(){

    var str = document.getElementById('str').value.trim()

    if(str.length!=0){

        reg=/^[\u0391-\uFFE5]+$/

        if(!reg.test(str)){

            alert("对不起,您输入的字符串类型格式不正确!")

        }

    }

}

//判断输入的数字不大于某个特定的数字

function MaxValue(){

    var val = document.getElementById('str').value.trim()

    if(str.length!=0){

        reg=/^[-+]?\d*$/

        if(!reg.test(str)){//判断是否为数字类型

            if(val>parseInt('123')){//“123”为自己设定的最大值

                alert('对不起,您输入的数字超出范围')

            }

        }

    }

}

//为上面提供各个JS验证方法提供.trim()属性

String.prototype.trim=function(){

    return this.replace(/(^\s*)|(\s*$)/g, "")

}

var patterms = newObject()

//验证IP

patterms.ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/

//验证EMAIL

patterms.email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/

//验证函数

functionverify(str,pat){

    var thePat = patterms[pat]

    if(thePat.test(str)){

        return true

    }else{

        return false

    }

}

//测试alert(verify("asidycom@163.com","email")+","+verify("192.168.1.1","ip")+","+verify("192.168","ip"))

本文摘自: js正则表达式验证大全

function onchange(){

//这里还要加些正则表达式判断一下,判断输入的是身份证格式

var len = document.getElementById("id").value.length

if(len>=13&&len<=15){

var content = document.getElementById("id").value

var str = content.split("")

var a

for(var i=5i<11i++){

a+=str[i]

//把a转换成生日的格式

}

document.getElementgetById("brithdate").value=a

}

}

大致思路是这样的,也可以用AJAX做出来