質問編集履歴
1
いただいた回答を参考にしたコードを追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -46,7 +46,9 @@
|
|
46
46
|
|
47
47
|
<label>ご希望の日時</label>
|
48
48
|
|
49
|
-
<input type="date" name="request_date" required="">
|
49
|
+
<input type="date" name="request_date" required="required">
|
50
|
+
|
51
|
+
|
50
52
|
|
51
53
|
<select name="hour">
|
52
54
|
|
@@ -119,3 +121,97 @@
|
|
119
121
|
|
120
122
|
|
121
123
|
この後、どのように書けばいいでしょうか。
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
##
|
130
|
+
|
131
|
+
追記します。
|
132
|
+
|
133
|
+
ここの回答を参考にしつつ、addValidatorを書いたのですが
|
134
|
+
|
135
|
+
動かずに困っています。(特にエラーもなし)
|
136
|
+
|
137
|
+
http://stackoverflow.com/questions/27383263/validate-multiple-fields-with-parsley
|
138
|
+
|
139
|
+
|
140
|
+
|
141
|
+
addValidatorを呼び出しているかどうかチェックするため
|
142
|
+
|
143
|
+
console.logを書いたのですが、何も出ていません。
|
144
|
+
|
145
|
+
ひたすらドキュメントを読んでいるのですが、解決できずにおります。
|
146
|
+
|
147
|
+
|
148
|
+
|
149
|
+
```html
|
150
|
+
|
151
|
+
<!-- 参考URLを元に変更 -->
|
152
|
+
|
153
|
+
<input type="date" name="request_date" required="required" data-parsley-date="js-dob" class="js-dob-date">
|
154
|
+
|
155
|
+
<input type="text" name="hour" required="required" data-parsley-date="js-dob" class="js-dob-hour">
|
156
|
+
|
157
|
+
<input type="text" name="minute" required="required" data-parsley-date="js-dob" class="js-dob-minute">
|
158
|
+
|
159
|
+
|
160
|
+
|
161
|
+
<script>
|
162
|
+
|
163
|
+
$(function(){
|
164
|
+
|
165
|
+
<!-- 以下を追記 -->
|
166
|
+
|
167
|
+
window.Parsley.addValidator('date',
|
168
|
+
|
169
|
+
function(value, requirements){
|
170
|
+
|
171
|
+
//addValidatorを呼び出してるかチェックするため
|
172
|
+
|
173
|
+
console.log('addValidator');
|
174
|
+
|
175
|
+
var day = $('.'+requirements+'-date').val(),
|
176
|
+
|
177
|
+
hour = $('.'+requirements+'-hour').val(),
|
178
|
+
|
179
|
+
day = $('.'+requirements+'-minute').val();
|
180
|
+
|
181
|
+
//以下略
|
182
|
+
|
183
|
+
}
|
184
|
+
|
185
|
+
);
|
186
|
+
|
187
|
+
<!-- /追記終わり -->
|
188
|
+
|
189
|
+
|
190
|
+
|
191
|
+
$('form.parsley-validate').parsley({
|
192
|
+
|
193
|
+
trigger: 'change',
|
194
|
+
|
195
|
+
successClass: "has-success",
|
196
|
+
|
197
|
+
errorClass: "has-error",
|
198
|
+
|
199
|
+
classHandler: function (el) {
|
200
|
+
|
201
|
+
return el.$element.closest('.form-group'); //working
|
202
|
+
|
203
|
+
},
|
204
|
+
|
205
|
+
errorsWrapper: '<div class="invalid-message"></div>',
|
206
|
+
|
207
|
+
errorTemplate: '<span></span>'
|
208
|
+
|
209
|
+
});
|
210
|
+
|
211
|
+
});
|
212
|
+
|
213
|
+
</script>
|
214
|
+
|
215
|
+
|
216
|
+
|
217
|
+
```
|