登录界面问题

[leon51]

照着写一个登录的界面，想着js、css与html分离分离，应该是要弹出一个对话框，并有验证等，但是实际效果如下图所示。
怀疑是视图引用的css和js有问题，但不知如何修改。




视图代码:

<link href="~/Views/Home/login.css" rel="stylesheet" />
<script src="~/Views/Home/login.js"></script>
<!-以上两句是否有问题-->

<div id="login">
    <p>管理员账号:<input id="manager" class="easyui-textbox" /></p>
    <p>管理员密码:<input id="password" class="easyui-passwordbox" /></p>
</div>
<div id="btn">
    <a href="#" class="easyui-linkbutton">登录</a>
</div>

css:

#login {
    padding:6px 0 0 0;
}

p{
    height:22px;
    line-height:22px;
    padding:4px 0 0 25px;
}

.textbox{
    height:22px;
    padding:0 2px;
}

.easyui-linkbutton{
    padding:0 10px;
}

#btn{
    text-align:center;
}

js:

//登录界面
$('#login').dialog({
    title: '登录后台',
    width: 300,
    height: 180,
    modal: true,
    iconCls: 'icon-login',
    buttons:'#btn'
});

//管理员账号
$('#manager').validatebox({
    required: true,
    missingMessage: '请输入管理员账号',
    invalidmessage:'管理员账号不能为空'
});
//...

[不胖到130不改名字]

排查是不是js和css的路径问题，
右键你的网页，查看源码，点击js和css文件链接，看显示的是否正确

[EdsionWang]

看看你把login.css，login.js这俩文件放在哪个目录下了

[EdsionWang]

$('#login').dialog() 这个是使用了jquery easyui的dialog组件，需要引入easyui库的

[leon51]

引用 4 楼 EdsionWang 的回复:

$('#login').dialog() 这个是使用了jquery easyui的dialog组件，需要引入easyui库的

有引用easyui的，见下面的网页源代码，我是这样做的： jquery,easyui,css我是在_Layout.cshtml的head元素中引用的, 而login对应的js和css则是在login视图的开始处引用的，见前面的代码。 感觉网页比winform难学太多了

[leon51]

引用 1 楼 likelinsiyuan 的回复:

排查是不是js和css的路径问题， 右键你的网页，查看源码，点击js和css文件链接，看显示的是否正确

引用 2 楼 EdsionWang 的回复:

看看你把login.css，login.js这俩文件放在哪个目录下了

我将js和css放在“/Views/Home/”，是拖过去的，路径应该没有写错

[yaotomo]

路径的问题。F12看控制台报错。

[「已注销」]

你用jquery的话，在HTML界面需要引入jquery函数。

[「已注销」]

引用 7 楼 weixin_42151709的回复:

你用jquery的话，在HTML界面需要引入jquery函数。

例如<script src="~/Views/Home/jquery.js"></script>