点击button先执行js在执行后台代码客户端判断控件是否为空

点击button先执行js在执行后台代码

前台代码:

 <script type="text/javascript">
     function check() {
         if (document.getElementById("ctl00_ctl40_g_0ba9405d_7635_4463_85d4_510f0221d4f1_TextBox1").value == "") {
             alert("请输入用户名!");
             return false;
         }
         else { return true; }
     }
   
 </script>
<asp:TextBox  ID="TextBox1"  runat="server" Height="51px" Width="161px" Rows="10" TextMode="MultiLine"></asp:TextBox>
    <asp:Button ID="Button2" runat="server" OnClientClick="return check();" OnClick="Button2_Click" Text="完成" />

为什么是这呢:

ctl00_ctl40_g_0ba9405d_7635_4463_85d4_510f0221d4f1_TextBox1
这个是前台获取的TextBox1获取编译的来的





或者直接写:

<script type="text/javascript">
function check() {
if (document.getElementById("TextBox1").value == "") {
alert("请输入用户名!");
return false;
}
else { return true; }
}

</script>

 TextBox1属性必须如下:

原文地址:https://www.cnblogs.com/914556495wxkj/p/3554483.html