質問編集履歴
1
HTMLソースコード追加、試した結果追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -60,7 +60,112 @@
|
|
|
60
60
|
{
|
|
61
61
|
return false;
|
|
62
62
|
}
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
|
|
65
64
|
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
[追加]
|
|
68
|
+
HTMLはこんな感じです。
|
|
69
|
+
```ここに言語を入力
|
|
70
|
+
<!-- backgroundとログインフォームのスタイルシート定義 -->
|
|
71
|
+
<style type="text/css">
|
|
72
|
+
body {
|
|
73
|
+
background: url(/img/classroom.png) no-repeat center center fixed;
|
|
74
|
+
-webkit-background-size: cover;
|
|
75
|
+
-moz-background-size: cover;
|
|
76
|
+
-o-background-size: cover;
|
|
77
|
+
background-size: cover;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.panel-default {
|
|
81
|
+
opacity: 0.9;
|
|
82
|
+
margin-top:30px;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.panel-info {
|
|
86
|
+
opacity: 0.9;
|
|
87
|
+
margin-top:30px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.form-group.last { margin-bottom:0px; }
|
|
91
|
+
</style>
|
|
92
|
+
|
|
93
|
+
<!-- ログインフォーム領域 -->
|
|
94
|
+
<div class="container">
|
|
95
|
+
<div class="row">
|
|
96
|
+
<div align="center">
|
|
97
|
+
<h2 class="form-signin-heading">大学時間割作成支援システム</h2>
|
|
98
|
+
</div>
|
|
99
|
+
|
|
100
|
+
<!--Flashメッセージ表示のためレンダリング-->
|
|
101
|
+
|
|
102
|
+
<?= $this->Flash->render(); ?>
|
|
103
|
+
|
|
104
|
+
<div class="col-md-6 col-md-offset-3">
|
|
105
|
+
<div class="panel panel-default">
|
|
106
|
+
<div class="panel-heading">
|
|
107
|
+
<span class="glyphicon glyphicon-lock"></span> ログイン
|
|
108
|
+
</div>
|
|
109
|
+
<div class="panel-body">
|
|
110
|
+
<?= $this->Form->create(null,['class'=>'form-horizontal']) ?>
|
|
111
|
+
<div class="form-group">
|
|
112
|
+
<div class="col-xs-10 col-xs-offset-1">
|
|
113
|
+
<?= $this->Form->input('customer_no', ['class' => 'form-control','label'=>'契約番号']) ?>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
<div class="form-group">
|
|
117
|
+
<div class="col-xs-10 col-xs-offset-1">
|
|
118
|
+
<?= $this->Form->input('account', ['class' => 'form-control','label'=>'アカウント','type' => 'text']) ?>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="form-group">
|
|
122
|
+
<div class="col-xs-10 col-xs-offset-1">
|
|
123
|
+
<?= $this->Form->input('password', ['class' => 'form-control','label'=>'パスワード']) ?>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="form-group last">
|
|
127
|
+
<div class="col-sm-offset-4 col-sm-8">
|
|
128
|
+
<?= $this->Form->button('リセット', ['type'=>'button','class' => 'btn btn-default btn-sm', 'onClick' => 'clearFormAll()']); ?>
|
|
129
|
+
<?= $this->Form->button('ログインする', ['type'=>'button','class' => 'btn btn-primary btn-sm', 'onClick' => 'submit()']); ?>
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
<?= $this->Form->end() ?>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="panel-footer" align="right">
|
|
135
|
+
<input id="link" type="button" value="パスワード変更" class="btn btn-success btn-sm" onmousedown="location.href='./users/change'" />
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
|
|
141
|
+
<!-- お知らせ表示領域 -->
|
|
142
|
+
<div class="panel panel-info">
|
|
143
|
+
<div class="panel-heading">
|
|
144
|
+
<h3 class="panel-title"><strong>お知らせ</strong></h3>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="panel-body">
|
|
147
|
+
<ul class="list-group">
|
|
148
|
+
<li class="list-group-item">2018月XX月XX日：大学時間割システムの提供開始！</li>
|
|
149
|
+
<li class="list-group-item">2017月XX月XX日：マスタ機能のリニューアル</li>
|
|
150
|
+
<li class="list-group-item">2017月XX月XX日：マスタ複与機能の追加</li>
|
|
151
|
+
<li class="list-group-item">2017月XX月XX日：お正月休みのお知らせ</li>
|
|
152
|
+
<li class="list-group-item">2017月XX月XX日：大学時間割作成支援システムのテスト運営開始！</li>
|
|
153
|
+
</ul>
|
|
154
|
+
</div>
|
|
155
|
+
</div>
|
|
156
|
+
|
|
157
|
+
</div>
|
|
158
|
+
</div>
|
|
159
|
+
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
「追加記述ー試してみました。」
|
|
163
|
+
教えてくださってありがとうございました。
|
|
164
|
+
しかし、以下のコードは、テキストボックスの赤い線のみ消えて、メッセージとXボタンはそのままでした。
|
|
165
|
+
```Javascript
|
|
166
|
+
$(".form-group").removeClass('has-error');
|
|
167
|
+
```
|
|
168
|
+
あと、子のコードは、Uncaught TypeError: $(...).validator is not a function エラーでした。
|
|
169
|
+
```Javascript
|
|
170
|
+
$(this.form).validator('destroy').validator();
|
|
66
171
|
```
|