如何使用jquery验证asp.net webforms中的登录模式？

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<script>
$(document).ready(function(){
   $('#loginForm').submit(function(e){
      e.preventDefault(); // 阻止表单默认提交

      var username = $('#username').val();
      var password = $('#password').val();

      // 在此处编写验证逻辑，可以使用if语句、正则表达式等方法进行验证

      // 示例：验证用户名和密码是否为空
      if(username === "" || password === ""){
         alert("用户名和密码不能为空");
         return false; // 阻止表单提交
      }

      // 验证通过，可以进行表单提交
      $(this).unbind('submit').submit(); 
   });
});
</script>

<form id="loginForm" action="login.aspx" method="post">
   <label for="username">用户名：</label>
   <input type="text" id="username" name="username">

   <label for="password">密码：</label>
   <input type="password" id="password" name="password">

   <input type="submit" value="登录">
</form>