タイトルがはっきりしない場合は申し訳ありませんが、私は可能な限り最善の方法で説明しようとしていました。私の状況は次のとおりです。送信ボタン付きのニュースレターがあります。正しいメールアドレスを入力した後、jqueryを使用して[送信]ボタンのロックを解除しました。1つを除けば正常に機能しています。送信を有効にするには(送信ボタンではなく)フィールドの外側をクリックしてから送信する必要があります。私が思うこの線の周りのどこかに追加しなければならないことがありましたが、私は何を知りません:
document.getElementById("submit").disabled = false;
完全なコードはここにあります:
HTML:
<div class="element">
<input type="text" id="email" name="email" value="Enter your email" />
</div>
<div id="bsubmit">
<input name="submit" id="submit" src="_images/generic/send_button.png?submit+button=" type="image" disabled="disabled" />
</div>
およびjq:
$.fn.swapText = function(){
return this.each(function(){
var tmpDefVal = $(this).val();
$(this).css('color', '#999');
$(this).focus(function(){
if($(this).val() == tmpDefVal){
$(this)
.css('color', '#000')
.val('');
}
});
$(this).blur(function(){
if($(this).val() == ''){
$(this)
.css('color', '#999')
.val(tmpDefVal);
}
});
});
}
$(document).ready(function(){
$('#email').swapText();
$('#email').change(function(){
var regexp = /^\w+[@]\w+\.\w{2}$/;
if(regexp.test($(this).val())){
$(this).removeClass('err');
$(this).addClass('ok');
document.getElementById("submit").disabled = false;
}else{
$(this).removeClass('ok');
$(this).addClass('err');
}
});
});
助けてくれてありがとう。