您的位置:首页技术文章
文章详情页

TP5.1教程第十章三小节的用户注册章节,不能显示bootstrap的菜单下拉,也不能script验

【字号: 日期:2022-06-01 14:39:48浏览:65作者:猪猪

问题描述

天棚老师TP5.1教程第十章三小节的用户注册功能初步实现不能显示bootstrap的下拉菜单不能弹出

第二个问题,script验证也不能实现

<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>

这是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也都引入了

问题解答

回答1:

我在老家电脑新布的环境测试都正常,但是回到家中我有重新下的TP5.1,重新写的简单代码,也不行,这是为啥,和操作系统有关系?不应该啊,老家是WIN10 我这个是WIN7 ,我阻止控件有关系?不应该啊,我在Bootstrap点案例都没事啊、。

不知道什么情况,难道要重新安装系统吗?

回答2:

我回到老家,拿新电脑布了一遍,新装的环境,TP5.1,简单把这些代码打上去,竟然都解决了,神奇。。没事了

标签: TP5.1 Bootstrap