我有一个bootstrap形式的信息,我使用ajax调用从中保存到json文件.
我的问题是当我按下提交按钮时,页面似乎在调用后刷新(在单击提交按钮后执行),这是我一定要避免的.
我试图调查这个问题,但是我的知识不足以解决这个问题,因为我对这些概念没有深入的了解.
这是我的BS表格:
<form class="form-horizontal">
<div class="form-group">
<label class="control-label col-sm-2" for="name">Full Name:</label>
<div class="col-sm-2">
<input type="name" class="form-control" id="nameFull">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="phone">Phone:</label>
<div class="col-sm-2">
<input type="phone" class="form-control" id="phoneApp">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="email">Email:</label>
<div class="col-sm-2">
<input type="email" class="form-control" id="emailApp">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="date">Date:</label>
<div class="col-sm-2">
<input type="date" class="form-control" id="date">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="text">Hour:</label>
<div class="col-sm-2">
<select class="form-control" id="time">
<option value="Time" class="">Time</option>
<option value="10am" class="">10:00-10:30</option> …我有 mm-dd-yyyy 格式的数据。我需要它与 javascript 中的当前日期进行比较。
我有一些数据，但它不起作用。
我的日期是 12-07-2016，格式为 mm-dd-yyyy。
var d = '12-07-2016';
var date= d.split("-");
var f = new Date(date[2], date[1] - 1, date[0]);
在这里，我得到的日期为：
2016 年 7 月 12 日星期二 00:00:00 GMT+0530（印度标准时间）
但我需要它：
2016 年 12 月 7 日。
提前致谢。
Iam目前正在使用jquery mobile并拥有一个动态通知面板.因此,我想检查文本中的字符数,以建立样式.因此,例如,如果text of a notification is > 10设置高度为Xpx.
但我首先要做的是:
for(var count = 0; count < info.data.length; count++){
var shortmessage = info.data[count][3];
var category = info.data[count][4];
if(category === 'douane'){
douaneHtml = douaneHtml + "<div class='notification-item'>" +
"<div class='ui-grid-a notification-grid'>" +
"<div class='ui-block-a'>" +
"<img class='notification-image' src=" + imgPath + ">"+
"</div>" +
"<div class='ui-block-b'>" +
"<span class='notification-text'>" + shortmessage + "</span>" +
"</div>" +
"</div>";
$('.douane-notification-append').empty().prepend(douaneHtml);
}
}
基本上我想做的就是检查:
if ( shortmessage.val().length() > 10 ){
$('.notification-item').css('min-height', '100px'); …我正在使用数据表分页来显示我的记录。我的问题是，当我使用表的“下一个”按钮转到表的末尾时，该按钮将被禁用。我希望这个按钮看起来不被禁用。我已经尝试过这个：
$j('#buttonID').attr("disabled", "disabled");
$j('#buttonID').disable(true);
$j('#buttonID').prop('disabled', false);
但这不起作用。有人可以帮我举个例子吗？
所以我有这个代码,我说if website_name===""显示错误,但它似乎不起作用,因为如果我输入内容并删除它所以它是空的它仍然显示它是有效的所以它运行else语句,但是如果我键入一个数字然后我得到一个错误,但我也需要它来处理空值.
var message;
var inputField = document.getElementById("website_name");
$( "#website_name" ).keyup(function() {
if(website_name==="" || !/^[a-z]*$/.test(this.value))
{
$("#website_name").css('border', '3px solid red');
inputField.style.backgroundColor = "#f27676";
message = 'Only lower case characters allowed!';
$('div.modal-body .msgPlaceholder').empty().append(message);
}else{
$("#website_name").css('border', '3px solid green');
inputField.style.backgroundColor = "#56c145";
message = 'Your name is correct';
$('div.modal-body .msgPlaceholder').empty().append(message);
}
});
我想传入o_id数据，但是当我尝试它时会显示错误：
参考错误：左侧无效分配
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$("#assign").click(function(){
params = ""
$("td[contentEditable='true']").each(function(){
if($(this).text() != "") {
if(params != "") {
params += "&";
}
params += $(this).data('id')+"="+$(this).text();
}
});
if(params!="") {
var o_id = <?php echo $o_id ?>;
$.ajax({
url: "assign_product.php",
type: "POST",
data:params+'&o_id'=o_id,
success: function(response){
$("#ajax-response").append(response);
$("td[contentEditable='true']").text("");
}
});
}
});
</script>
我尝试使用以下命令：我想从另一组更大的按钮中选择一组按钮
var btns = document.querySelector('(button[class=QualityIntbtn]):not([id=reset]):not([id=submit])');
这样对吗 ？
我有这样的元素:
<input type="text" onkeyup="filter()" id="filter_data">
<div id="body">
<div class="child"> Text 1 </div>
<div class="child"> Text 2 </div>
<div class="child"> Text 1 </div>
</div>
我想按输入值搜索div文本.
我可以搜索数据,但是如何在div体内显示"未找到数据",如果所有子div都没有任何数据,如输入值.
我正在尝试使用AJAX创建实时搜索.
然后,当我单击结果时,我希望结果填充5个输入字段.
这是我尝试过的:
这是我的cari.php档案:
while ($cari_karyawans = $cari_karyawan->fetch()) { ?>
<div class="result" onclick="fill('nik','<?php echo $cari_karyawans['nik_k_ptayp']; ?>')">
<div class="result" onclick="fill('nama','<?php echo $cari_karyawans['nama_k_ptayp']; ?>')">
<div class="result" onclick="fill('lokasi','<?php echo $cari_karyawans['jabatan_k_ptayp']; ?>')">
<div class="result" onclick="fill('divisi','<?php echo $cari_karyawans['divisi_k_ptayp']; ?>')">
<div class="result" onclick="fill('jabatan','<?php echo $cari_karyawans['lokasi_k_ptayp']; ?>')">
<a><small class="text-muted"><i><?php echo $cari_karyawans['nik_k_ptayp']; ?></i></small> / <small class="text-muted"><i><?php echo $cari_karyawans['nama_k_ptayp']; ?></i></small></a>
</div></div></div></div></div>
<?php } ?>
以下是我尝试填充结果的方法:
function fill(nik, nama, lokasi, divisi, jabatan) {
$('#nik').val(nik);
$('#nama').val(nama);
$('#lokasi').val(lokasi);
$('#divisi').val(divisi);
$('#jabatan').val(jabatan);
$('#display').hide();
}
这是我的输入文件:
<input type="text" class="form-control" id="nik">
<input type="text" class="form-control" …这个问题之前可能已被问过并回答了一千次,但我不知道是不是因为SEO,我找不到合适的解决方案.我在Chrome中获得未定义或空白文本.
$('input[type="text"]').on('input', (a, b) => {
console.log(this.value);
});
这仍然在控制台中返回undefined我也尝试过:
$('input[type="text"]').on('input', (a, b) => {
console.log(b);
});
$('input[type="text"]').on('input', (a, b) => {
console.log($(this).val());
});
$('input[type="text"]').on('input', (a, b) => {
console.log(a.value);
});
$('input[type="text"]').on('input', (a, b) => {
console.log(b.value);
});
任何想法都将非常感激.
javascript ×10
jquery ×9
ajax ×2
html ×2
css ×1
datatables ×1
date ×1
dom-events ×1
pagination ×1
php ×1