だから私はこれらの2つの入力フィールドをhtmlで書いています:
<div class="row">
<div class="col-md-12 form-group">
<label>Name</label>
<input type="text" name="doc name" class="form-control " id="doc-name">
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<label>Number</label>
<input type="text" name="doc number" class="form-control " id="doc-number">
</div>
</div>
そして、入力フィールドのいずれかが空のままの場合にエラーを返すjqueryコードがいくつかあります。
if($('#doc-name').val() == '' || $('#doc-number').val =='') {
return false //this is completed with the actual error script but isn't important to the current issue
}
私が実際に抱えている問題は、入力フィールドに入力した後でも、.val()コマンドが空の文字列を返し、それらの入力に実際に書き込んだ内容を返さないことです。.html()または.text()も空の値を返します。私を正しい方向に向けてくれませんか?
これがあなたの言っていることかどうかわからない。ただし、ここでサンプルを作成しました。ここでは、クリックイベントごとに入力フィールドの値を取得します。
<input type="text" id="name"/>
<input type="text" id="number"/>
<button id="getvalue">Get value</button>
これがjsです
$(document).ready( function(){
$('#getvalue').click( function() {
var nameVal = $('#name').val();
var numVal = $('#number').val();
if(nameVal == '' || numVal == ''){
alert('Empty fields.')
}else{
alert('Name is ' + nameVal + ' and Number is ' + numVal);
}
});
});
javascriptがhtml要素と通信するには、トリガーイベントが必要です。この場合、ボタン要素を介してクリックイベントを使用しています。
これが実用的なサンプルです
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加