jQueryを使用して空のテキストボックスを識別するにはどうすればよいですか？可能であればセレクタを使ってやりたいです。また、実際のコードではこれを使用したいので、すべてのテキスト入力を選択したくないので、idを選択する必要があります。
次の2つのコード例では、最初のコード例は、ユーザーがテキストボックス「txt2」に入力した値を正確に表示しています。2番目の例は、空のテキストボックスがあることを示していますが、入力しても、空と見なされます。どうしてこれなの？
これはセレクターだけを使用して実行できますか？
このコードは、テキストボックス「txt2」の値を報告します。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#cmdSubmit').click(function() {
alert($('[id=txt2]').val());
});
});
</script>
</head>
<body>
<form>
<input type="text" name="txt1" id="txt1" value="123" /><br />
<input type="text" name="txt2" id="txt2" value="" /><br />
<input type="text" name="txt3" id="txt3" value="abc" /><br />
<input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br />
</form>
</body>
</html>
このコードは常にテキストボックス "txt2"を空として報告します：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#cmdSubmit').click(function() {
if($('[id^=txt][value=""]').length > 0) {
if (!confirm("Are you sure you want to submit empty fields?")) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
}
}
});
});
</script>
</head>
<body>
<form>
<input type="text" name="txt1" id="txt1" value="123" /><br />
<input type="text" name="txt2" id="txt2" value="" /><br />
<input type="text" name="txt3" id="txt3" value="abc" /><br />
<input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br />
</form>
</body>
</html>
6
'[value =]'がユーザー入力を無視し、ソースの内容のみをチェックするかどうかは誰かが知っていますか？
—
Cros
：emptyフィルターがこのジョブ用に作成されていることは正しいですか？$（ 'input [type = text]：empty'）。doStuff（）;
—
アントニーカーシー
docs-docs.jquery.com/Selectors/emptyをお読みください。空は、値がないのではなく、子がない要素の場合です
—
Russ Cam '21