rss· 投稿· 设为首页· 加入收藏· 繁體版
当前位置: 火魔网 » 程序开发 » Javascript

用Javascript判断文本框空、长度、字符由汉字字母数字组成

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="admin.aspx.cs" Inherits="w" %>

<!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>
    <style type="text/css">
        .style1
        {
            width: 450px;
        }
        .style2
        {
            width: 81px;
            text-align: right;
        }
        .style3
        {
            width: 155px;
        }
    </style>
    <script language="javascript" type="text/javascript">
   
String.prototype.trim = function()
{
   // 用正则表达式将前后空格,用空字符串替代。
   return this.replace(/(^\s*)|(\s*$)/g, "");
}
//判断汉字
function   strlength(str)  
{  
var   l=str.length;  
var   n=l  
for   (var   i=0;i<l;i++)  
{  
if   (str.charCodeAt(i)<0||str.charCodeAt(i)>255)   n++     //全角字符    
}  
return   n  
}
   
    function check()
{
//字符中含有汉字、数字、字母
var c=/[a-z\d\u4e00-\u9fa5]/ig;

//字符由汉字、数字、字母组成
var c=/^[a-zA-Z0-9\u4e00-\u9fa5]+$/;
if(c.test(document.all.txtUserName.value))
alert("您输入的格式正确");
else
alert("您输入的格式不正确");

//判断文本框txtUserName是否为空
if(document.all.txtUserName.value.trim()=='')
{
document.getElementById("usernameTip").innerHTML="<font color=red>请输入用户名</font>";
document.all.txtUserName.focus();
return false;
}
else
document.getElementById("usernameTip").innerHTML="";

//判断文本框txtUserName长度
if(document.all.txtUserName.value.trim().length<6)
{
document.getElementById("usernameTip").innerHTML="<font color=red>用户名长度不能小于6</font>";
document.all.txtUserName.focus();
return false;
}
else
document.getElementById("usernameTip").innerHTML="";

//判断文本框txtPwd是否空
if(document.all.txtPwd.value.trim()=='')
{
document.getElementById("userpwdTip").innerHTML="<font color=red>请输入用户名</font>";
document.all.txtPwd.focus();
return false;
}
else
document.getElementById("userpwdTip").innerHTML="";

   }
  
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <table class="style1">
        <tr>
            <td colspan="3">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                管理员登录</td>
        </tr>
        <tr>
            <td class="style2">
                用户名:</td>
            <td class="style3">
                <asp:TextBox ID="txtUserName" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td id="usernameTip">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style2">
                密 码:</td>
            <td class="style3">
                <asp:TextBox ID="txtPwd" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td id="userpwdTip">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style2">
                <asp:Button ID="btnOK" runat="server" Text="登录" OnClientClick="return check();"/>
            </td>
            <td class="style3">
                <input id="Reset1" type="reset" value="重置" /></td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
    </form>
</body>
</html>

顶一下
(0)
踩一下
(0)