質問編集履歴

1

いただいた回答を参考にしたコードを追記しました

2016/07/07 13:12

投稿

envogue
envogue

スコア12

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