简单的实在在线检查js net

最新推荐文章于 2024-10-23 12:38:50 发布

原创最新推荐文章于 2024-10-23 12:38:50 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #textbox #function #class #styles #button

本文介绍了一个简单的发送短信功能实现页面，包括标题和内容输入框及验证逻辑。通过客户端JavaScript进行实时验证，确保用户输入的数据符合特定长度要求。

<div id="nav"><a href="/Default.aspx">首页</a>>>发送短信息</div>
<div id="boyleft">
    <div class="tbody" style="width:100%">
      <uc1:UserControl ID="UserControl1" runat="server" />
    </div>
</div>
<div id="bodyright">
    <div class="tbody" style="width:100%">
      <h2> 发送短信息 </h2>
      <div class="tcontent" style="height:200px">

      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="formtable">
          <tr>
            <td colspan="2">请填写发送给<%=_strUserName %>的信息</td>
          </tr>
          <tr>
            <td width="40px"> 标题: </td>
            <td width="310"><asp:TextBox CssClass="input1" id="txtTitle" runat="server" Width="300px" onfocus="javascript:changetips1();" onblur="javascript:ckTitle(this);" tabindex="1"></asp:TextBox>
            </td>
            <td><div id="<%=txtTitle.ClientID %>_tips" class="tips-default">请输入您的标题</div></td>
          </tr>
          <tr>
            <td> 内容: </td>
            <td><asp:TextBox ID="txtMessage" runat="server" TextMode="multiLine" class="input1" width="300" rows="5" onfocus="javascript:changetips2();" onblur="javascript:ckMessage(this);" tabindex="2"></asp:TextBox>
            </td>
            <td><div id="<%=txtMessage.ClientID %>_tips" class="tips-default">请输入您的短信内容</div></td>
          </tr>
          <tr>
          <td>
          </td>
          <td><asp:Button ID="btSubmit" runat="server" Text="提交" CssClass="button1" OnClick="btSubmit_Click"/>
   <input type="button" value="返回" onclick="javascript:history.go(-1)" class="button1"/></td>
          </tr>
          </table>

      </div>
    </div>
</div>
<script language="javascript">
    <!--
        var strNumber=0;
     tipsmsg=new Array();
     tipsmsg[100]="请输入您的标题";
     tipsmsg[101]="标题填写正确。";
     tipsmsg[102]="你输入的字数不符合要求，请输入2-100个字符。";

     tipsmsg[200]="请输入您的短信内容";
     tipsmsg[201]="恭喜，你的短信内容正确";
     tipsmsg[202]="你输入的字数不符合要求，请输入4-500个字符。";

     Title=Array('{}',100,'tips-default');
     Message=Array('',200,'tips-default');
     function changetips(name,msgid,styles){
      obj=document.getElementById(name+'_tips');
      obj.innerHTML=tipsmsg[msgid];
      obj.className=styles;
     }


     function ckTitle(obj){
      if(obj.value.length<2 || obj.value.length>100){
       changetips('<%=txtTitle.ClientID %>',102,'tips-error');
    return false
      }else{
          changetips('<%=txtTitle.ClientID %>',101,'tips-pass');
    return true;
      }
     }

       function ckMessage(obj){
      if(obj.value.length<4 || obj.value.length>500){
       changetips('<%=txtMessage.ClientID %>',202,'tips-error');
    return false
      }else{
          changetips('<%=txtMessage.ClientID %>',201,'tips-pass');
    return true;
      }
     }

     function GoResult(result)
     {
         eval(result);
     }

     function formCheck(){
   var strBool;
   var intflag=0;
         var strCheckValue=window.document.getElementById('<%=txtTitle.ClientID %>');
   strBool=ckTitle(strCheckValue);
   if(!strBool)
   {
    intflag++;
   }
         var strCheckValue=window.document.getElementById('<%=txtMessage.ClientID %>');
   strBool=ckMessage(strCheckValue);
   if(!strBool)
   {
    intflag++;
   }

   if(intflag>0){
    return false;
   }
   else
   {
    return true;
   }
     }

    function changetips1()
    {
        changetips('<%=txtTitle.ClientID %>',100,'tips-show');
    }
    function changetips2()
    {
        changetips('<%=txtMessage.ClientID %>',200,'tips-show');
    }
    -->
    </script>

btSubmit.Attributes.Add("onclick", "return formCheck()");