用JS校验表单

校验表单
校验手机号码：数字少于11位或者多于11位的警告;
校验输入的字符串中不能有空格和“. ? * ”
校验图片的格式与图片的大小

解决方案 »

  1.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="hjbTest.aspx.cs" Inherits="hjbTest" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
    <script type="text/javascript">
    function check(obj)
    {
        if(obj.value != "" )
        {
        var rexp1 = /^13[0-3|5-9]\d{8}$/;
        var r1 = obj.value.match(rexp1);
        if(r1 == null)
        {
         alert('数据错误');
         obj.value='';
         obj.focus();
        }
        else
        alert('OK,是一个手机号码');
        }
    }
    </script>
    </head>
    <body>
    <input type=text id="mobile" onblur="check(this)"/>
    </body>
    </html>
      

  2.   

    <form action="" onsubmit="return checkFORM(this)">
        <input id="File1" type="file" onchange="return checkIMG(this)" /><br />
        <input id="Text1" type="text" value="手机号" />
        <input id="Submit1" type="submit" value="submit" />
    </form>
    <script language="javascript" type="text/javascript">
    function $(id)
    {return document.getElementById(id);}function checkFORM(formObj)
    {
        if (checkIMG($("File1")))
        {
            if (!(new RegExp("^\d{11}$")).test($("Text1").value))
            {
                alert("手机号码有误！");
                return false;
            }
            return true;
        }
        else
        {
            return false;
        }
    }function checkIMG(fileObj)
    {
        if (fileObj.value=="")
            return false;
        var img=new Image();
        img.src=fileObj.value;
        var imgType=img.mimeType;
        var imgSize=eval(img.fileSize);
        
        if (imgType!="GIF 图像")
        {
            alert("图像格式有误！");
            return false;
        }
        
        if (imgSize < 0 || imgSize > 1024*1024)
        {
            alert("非图像或图像大于1M！");
            return false;
        }
        return true;
    }</script>