0
の状況を確認しながらこれは私のjQueryのコードブートストラップモーダルボックスは、jQueryの
$(document).ready(function()
{
$("#pincode-check").click(function()
{
var pincode = $("#pincode").val();
if(pincode == "" || pincode == null)
{
var data = "<div class='modal-dialog'>"+
"<div class='modal-content'>"+
"<div class='modal-header' align='center'>"+
"<h3 class='modal-title'>UNCBroadband - Pincode Status</h3>"+
"</div>"+
"<div class='modal-body'>"+
"Please Enter A Valid Pincode. The pincode you have entered is <b>Blank</b> or <b>Invalid</b>"+
"</div>"+
"<div class='modal-footer'>"+
"<button class='btn btn-primary' type='button' data-dismiss='modal'>Close!</button>"+
"</div>"+
"</div>"+
"</div>";
$('#pincode-modal').html(data);
$('#pincode-modal').modal('show');
}
if(pincode == "400607" || pincode == "444605")
{
var data = "<div class='modal-dialog'>"+
"<div class='modal-content'>"+
"<div class='modal-header' align='center'>"+
"<h3 class='modal-title'>UNCBroadband - Pincode Status</h3>"+
"</div>"+
"<div class='modal-body'>"+
"</div>"+
"<div class='modal-footer'>"+
"<button class='btn btn-primary' type='button' data-dismiss='modal'>Close!</button>"+
"</div>"+
"</div>"+
"</div>";
$('#pincode-modal').html(data);
$('#pincode-modal').modal('show');
}
else
{
var data = "<div class='modal-dialog'>"+
"<div class='modal-content'>"+
"<div class='modal-header' align='center'>"+
"<h3 class='modal-title'>UNCBroadband - Pincode Status</h3>"+
"</div>"+
"<div class='modal-body'>"+
"We do not currently supply broadband connection in your area. You can visit our contact page & leave us a feedback."+
"<br /><br /><a href='http://www.uncbroadband.com/contact' title='unc'>Click here to visit Contact Us Page!</a>"+
"</div>"+
"<div class='modal-footer'>"+
"<button class='btn btn-primary' type='button' data-dismiss='modal'>Close!</button>"+
"</div>"+
"</div>"+
"</div>";
$('#pincode-modal').html(data);
$('#pincode-modal').modal('show');
}
});
});
であり、これは私のHTMLコード、私が追加したscripts.phpでスクリプトコードで
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1 class="main-title">We connect you to the internet world. Quick setup & dazzling speed than any other providers</h1>
<h2>Enter Your Pincode Below To Check Connection Delivery Status!</h2>
<div class="row">
<form class="form-inline" id="fh5co-header-subscribe">
<div class="col-md-6 col-md-offset-3">
<div class="form-group">
<input type="text" class="form-control" id="pincode" placeholder="Enter Your Pincode Here!">
<button type="submit" id="pincode-check" class="btn btn-default">Check Status!</button>
</div>
</div>
</form>
</div>
</div>
で表示されません送信フォームを停止するコード:
<script>
$(document).on("submit", false);
</script>
問題は、JQueryで条件をチェックしているときに発生します。デフォルトでは、elseブロックは入力を入れてもelseブロックが実行されても実行されます。
私は値を警告していましたが、値はアラートボックスに表示されていますが、なぜJQueryがそれを理解しないのかわかりません。
助けてください。事前に感謝
シュート!それは働いた^ _ ^ところで問題を引き起こした問題は何だったのですか? –
問題はありませんでした。唯一の提案は、 'else if'を使用して、2つのモーダルが空またはnullで実行されないようにすることでした。 – Daerik
おかげで多くの仲間に感謝、それは本当に働いた:) –