TP5.1 튜토리얼 10장의 사용자 등록 장과 3절에서 부트스트랩 메뉴 드롭다운이 표시되지 않고, 스크립트 검증이 수행되지 않습니다.

Question

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도 도입되었습니다

Answer 1

집에 있는 새 컴퓨터의 환경 테스트는 모두 정상인데 집에 와서 TP5.1을 다시 설치하고 간단한 코드도 다시 작성했는데 역시 작동하지 않습니다. 이게 왜 운영체제와 관련이 있는 걸까요? 그러면 안 됩니다. 제 고향은 WIN10이고 여기는 WIN7입니다. 컨트롤을 차단해도 상관없나요? 그래서는 안 됩니다. Bootstrap의 예제는 괜찮습니다.

무슨 일인지 모르겠습니다. 시스템을 다시 설치해야 하나요?

Answer 2

고향에 돌아와 새로 설치된 환경인 TP5.1로 새 컴퓨터를 설치했는데 이 코드만 입력하면 모든 것이 해결되었습니다. . 괜찮아