入力フィールドを検証しようとしていますが、入力されたテキストがクリックすると消えます。私の間違いを助けてください。ありがとう
<input type="text" class="a" />
<button id="test">Continue</button>
<div class="b">error msg </div>
$('#test').on('click', function () {
if ($('.a').val('')) {
$('.b').show();
} else {
$('.b').hide();
}
});
if
ステートメントで値を取得する代わりに空に設定しているためです。
$('.a').val('')
の値.a
を空の文字列に設定します。値を取得するには、を使用します$('.a').val()
。
変更if ($('.a').val('')) {
へif ($('.a').val() == '') {
$('#test').on('click', function() {
if ($('.a').val() == '') {
$('.b').show();
} else {
$('.b').hide();
}
});
.a {
border: black solid 1px;
}
.b {
display: none;
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input type="text" class="a" />
<button id="test">Continue</button>
<div class="b">error msg</div>
短いバージョン:
$('#test').on('click', function () {
$('.b').toggle(!(!!$('.a').val()));
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加