Tianpeng 선생님 TP5.1 튜토리얼 10장 3절의 사용자 등록 기능 초기 구현시 부트스트랩 드롭다운 메뉴가 표시되지 않고 팝업이 되지 않습니다

두 번째 문제는 스크립트 검증을 구현할 수 없다는 점입니다

<script>
	$(function(){
		$("#register").on('click',function(){
			alert($('#login').serialize());
		})
	})
</script>

이 검증도 실패했습니다. 왜냐면 뭐?

<form class="form-horizontal" method="post" id="login">
  <div class="form-group">
    <label class="col-sm-2 control-label">用户名:</label>
    <div class="col-sm-10">
      <input type="text" name="name" class="form-control"  placeholder="UserName">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-sm-2 control-label">邮 箱:</label>
    <div class="col-sm-10">
      <input type="text" name="email" class="form-control">
    </div>
  </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">手机号:</label>
    <div class="col-sm-10">
      <input type="text" name="mobile" class="form-control">
    </div>
  </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">密 码:</label>
    <div class="col-sm-10">
      <input type="password" name="password" class="form-control">
    </div>
  </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">确认密码:</label>
    <div class="col-sm-10">
      <input type="password" name="password_confirm" class="form-control">
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-primary" id="register">注册</button>
    </div>
  </div>
</form>

이런 형태의 비포애프터 영상을 3번이나 봤는데 코드에는 문제가 없습니다

	<link rel="stylesheet" href="/static/css/bootstrap.css">
	<script type="/static/js/jquery-3.6.0.min.js"></script>	
	<script type="/static/js/bootstrap.min.js"></script>

JS도 도입되었습니다