こんにちは、いくつかのフィールドを持つフォームがあります。それらの中で:
<div>
<label for="phoneNumber" class="label">Phone Number</label>
<input name="phoneNumber" type="text" id="phoneNumber" size="13" style="float:left;margin-right:10px;">
</div>
<div>
<input type="checkbox" name="activePN" id="activePN" checked >
<label for="activePN">Active</label>
</div>
フォームが送信されると、入力を検証し、検証されなかったフィールドの各フィールドの横に書き込みます。このような:
$('#submit').click(function () {
var proceed = true;
var strippedPN = $('#phoneNumber').val().replace(/[^\d\.]/g, '').toString(); //strips non-digits from the string
if (strippedPN.length !== 10) {
$('#phoneNumber').text('<p>Phone number has to be 10 digits long.</p>')
proceed = false;
}
...
...
...
});
<p> </p>
これらのタグを追加することでそれができると思っていました。html()
しかし、そうではありません... 注:代わりにtext()
とのactivePN
代わりに も試しましたphoneNumber
。