質問編集履歴
1
ifでできないでしょうか？
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,4 +21,40 @@
|
|
|
21
21
|
<span class="js-is-error--text-input1"></span>
|
|
22
22
|
|
|
23
23
|
するとお名前の下に必須項目というテキストが出てきます。
|
|
24
|
-
すると一文字分背景が足りなくなる対処をしたいということです。
|
|
24
|
+
すると一文字分背景が足りなくなる対処をしたいということです。
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
```ここに言語を入力
|
|
28
|
+
$('#js-error-inquiry').submit(function(){
|
|
29
|
+
var checkform = true;
|
|
30
|
+
// 以下input一つ目
|
|
31
|
+
// inputタグ
|
|
32
|
+
if($('.js-is-input-error1').val() == ''){
|
|
33
|
+
// inputに文字が入っていなければ、必須項目と出るようにする。
|
|
34
|
+
// spanタグ
|
|
35
|
+
$('.js-is-error--text-input1').text('必須項目です').css({'color': 'red',
|
|
36
|
+
'text-shadow': '0px 0px 10px #fff,'+
|
|
37
|
+
'0px 0px 10px #fff,'+
|
|
38
|
+
'0px 0px 10px #fff,'+
|
|
39
|
+
'0px 0px 10px #fff,'+
|
|
40
|
+
'0px 0px 10px #fff,'+
|
|
41
|
+
'0px 0px 10px #fff,'+
|
|
42
|
+
'0px 0px 10px #fff,'+
|
|
43
|
+
'0px 0px 10px #fff,'+
|
|
44
|
+
'0px 0px 10px #fff,'+
|
|
45
|
+
'2px 2px 2px #fff'}); // +改行を可能にするために必要
|
|
46
|
+
// 背景の縦幅を必須項目というテキスト分高くする。
|
|
47
|
+
var heightGet = $('#js-height-adjustment').height(); // sectionタグ
|
|
48
|
+
$('#js-height-adjustment').css('height', 'calc(heightGet + px + 1em)');
|
|
49
|
+
checkform = false; // var省略
|
|
50
|
+
}else{
|
|
51
|
+
// inputに文字が入っていれば、spanのテキストである、必須項目という文言が出ないようにする。
|
|
52
|
+
$('.js-is-error--text-input1').text(''); // spanタグ
|
|
53
|
+
}
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
上記のcheckform = false; // var省略の前にもうひとつifをつくって、
|
|
57
|
+
heightGet=trueとして、そのifにheight==falseという条件を加えれば、
|
|
58
|
+
falseになった時だけ1emプラスされるとできませんか？
|
|
59
|
+
|
|
60
|
+
ただこんな大変なことをしないと連打防止はできないのでしょうか？
|