使用Bootstrap 4.
我有四个文本输入,如果任何文本输入包含任何值,我想在按钮中添加一个类.
单击按钮时,我想清除输入值,并从按钮中删除该类.
我有一半工作(点击按钮成功清除所有输入).
我的代码如下;
$(document).ready(function() {
$("#filterRecords input").on("keyup change", function() {
$("#filterRecords input").each(function() {
var element = $(this);
if (element.val().length > 0) {
$('#resetFilter').addClass('btn-outline-primary');
}
});
});
$('#resetFilter').click(function() {
$('input[type=text]').val('').change();
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row filterRecords">
<div class="input-group col-xs-6 col-sm-6 col-md-3 mb-3">
<input type="text" id="searchName" class="form-control" placeholder="Search Name">
</div>
<div class="input-group col-sm-6 col-md-3 mb-3">
<input type="text" id="searchLang" class="form-control" placeholder="Search Language">
</div>
<div class="input-group col-sm-6 col-md-3 mb-3">
<input type="text" id="yearMin" class="form-control start" placeholder="Search Start …我使用的数据表自举4和客户端的处理。显示大约 2,000 条记录。
加载时间是可以接受的，但是我注意到当我重新加载页面 (F5) 时，我可以看到一个未格式化的 DataTable 一瞬间。几乎就好像 DataTables 是最后加载的东西一样，而且非常明显。
如果您查看他们的“零配置”示例，您就会明白我的意思。重新加载页面时，您实际上可以在一瞬间看到所有表记录（您必须快点！）。
有一个“Bootstrap 4”示例，在该页面上也很明显。
我有几个问题;
我曾尝试重新排序我的 JS 和 CSS 文件（我只有几个），但没有任何区别。我担心的是，随着我添加更多记录，加载时间会增加，并且未格式化的 DataTable 在每个页面加载时会更加明显。
我正在尝试验证两个输入框，并使用HTML5浏览器验证来显示自定义错误消息。
验证似乎不适用于我的第二个输入，总是向我提示自定义错误消息。当我删除oninvalid它的作品。
我要去哪里错了？
我的HTML在下面；
<form>
<input type="text" placeholder="min 3" pattern=".{3,}">
<input type="text" placeholder="min 4" oninvalid="this.setCustomValidity('Must be 4 Characters')" pattern=".{4,}">
<input type="submit" value="Check"></input>
</form>
我敢肯定这是显而易见的。任何帮助都是值得的。
这是一个小提琴。
我正在使用PHP和MySQL构建一个(非常基础的)应用程序.此应用程序的目的是在网页上显示"实时"数据事务.这些事务来自transactionsMySQL数据库中的表.
到目前为止,我可以在网页上检索和显示数据.但是,我希望只有在将新事务插入transactions表中时才会看到数据刷新？
目前,实时馈送重复显示最后一条记录,直到插入新事务为止.
到目前为止我的代码是;
transactions.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Server-Sent Events</title>
<script type="text/javascript">
window.onload = function(){
var source = new EventSource("transactions.php");
source.onmessage = function(event){
document.getElementById("result").innerHTML += "New transaction: " + event.data + "<br>";
};
};
</script>
</head>
<body>
<div id="result">
<!--Server response will be inserted here-->
</div>
</body>
</html>
transactions.php
<?php
include 'conn.php'; // database connection
header("Content-Type: text/event-stream");
header("Cache-Control: no-cache");
$query = "SELECT TimeStamp, CardNo FROM transactions ORDER BY TimeStamp …有人可以解释一下如何在Bootstrap 4模式中将标题水平居中吗。
我试过text-center，mx-auto和ml-0 / mr-0，但他们似乎没有工作。
这是小提琴的链接。
下面的代码；
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div> …使用DataTables 1.10.19
我有一个MySQL DB,结构如下;
+------+-----------------+----------+----------+
| name | email | status | complete |
+------+-----------------+----------+----------+
| Joe | me@example.com | 1 |1 |
+------+-----------------+----------+----------+
| Jim | you@example.com | 1 |0 |
+------+-----------------+----------+----------+
| Sara | him@example.com | 0 |0 |
+------+-----------------+----------+----------+
我正在使用此脚本从数据库中检索数据.
我的数据表过滤器工作正常搜索时0和1,但这种过滤器都 status和complete列.我想搜索词 active/inactive和complete/ incomplete,而不是 1和0.
我正在使用datatables columns.render选项根据行结果在这些列中呈现自定义输出.
我的DataTable代码是;
$('#example').dataTable({
"ajaxSource": "results.php", // output below
"columns": [{ …第一次使用Gitlab。
我的本地 PC 上有一个现有的 Web 项目，我运行了这些命令；
cd /myFolder
git init
git add .
git remote add origin remote repository URL
git commit -m "First commit"
git push origin master
这将我的所有文件添加到我的远程存储库中 - 到目前为止一切正常。
我注意到在 gitlab 网站上，在我的项目页面上，有一个按钮Add Changelog（以及add readme、add licence等）。我点击了这个按钮，然后出现一个空的changelog.md在我的文件夹中创建了一个空文件夹，我可以将其放入本地存储库中。
如何生成变更日志条目？
我看不到bin/changelog我在本地仓库中看
我是否必须克隆整个Gitlab存储库克隆到某个地方？
任何建议表示赞赏。
我试图通过单击按钮来切换所有手风琴项目的状态。默认情况下，我希望它们全部关闭。按钮应为Open All或Close All。
根据文档，我应该能够使用该toggle()方法吗？
我在下面包含了我当前的代码和一个小提琴链接。
HTML
<button id="toggleAccordions" class="btn btn-primary" type="button" data-toggle="collapse">Open / Close</button>
<div id="accordion" role="tablist">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0">
<a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Collapsible Group Item #1
</a>
</h5>
</div>
<div id="collapseOne" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck …我读过《Bootstrap with jQuery Validation Plugin》 ，它很有帮助，但它是 Bootstrap 3，而不是Bootstrap 4..
我正在使用JQuery Validate和Bootstrap 4，但似乎无法让标签和输入字段在无效时突出显示红色。
我认为valid和invalid输入类是 BS 中默认的，链接？也许我使用它们的方式不正确。
我的代码如下，这是一个小提琴。
超文本标记语言
<form id="myform">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group">
<label for="name" class="control-label">Email address</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
jQuery
$(function() {
$("#myform").validate({
rules: {
name: {
required: true,
minlength: 2
}
},
highlight: …javascript jquery jquery-validate twitter-bootstrap bootstrap-4
我有一个简单的表单,通过AJAX向Google Sheet提交一些数据,这是成功的.
我需要发送当前时间.该time值确实发送,但除非刷新页面,否则它保持不变.
大概是因为我使用PHP来存储time和date隐藏输入,并且在刷新页面之前这些值不会更新.
我无法刷新页面,它必须保持静态.
如何将这些date和time值存储为实时并使用AJAX发送？
我的代码如下;
HTML/PHP
<form id="feedbackFormGood" name="feedbackFormGood">
<input hidden="true" name="Feedback" type="text" value="GOOD">
<input hidden="true" name="Date" type="text" value="<?php echo date('j/n/Y'); ?>">
<input hidden="true" name="Time" type="text" value="<?php echo date('H:i:s'); ?>">
<input src="images/feedback/happy.png" type="image">
</form>
AJAX
$(document).ready(function() {
var request;
$("#feedbackFormGood").submit(function(event)
{
event.preventDefault();
var $form = $(this);
var $inputs = $form.find("input, select, button, textarea");
var serializedData = $form.serialize();
request = $.ajax(
{
url: "MyURL", // this is …使用PHP版本7.1.9,MariaDB 10.1.26.
我正在向MySQL数据库提交一组表单数据.输入看起来像这样;
// I have removed additional html form code for brevity
<input type="text" name="ip[]">
<input type="text" name="ip[]">
etc...
当输入为空时,我想在NULL我的数据库中插入一个值,这是我遇到问题的地方.
我确保我的数据库表设置为;
我的用于处理表单提交的PHP代码如下(请忽略任何安全漏洞) ;
// I have removed additional php code for brevity
$arr_ip = $_POST['ip'];
for ($i = 0; $i < count($arr_ip); $i++) {
$arr_ip[$i] = $arr_ip[$i] ? $arr_ip[$i] : 'NULL';
$sql = "INSERT INTO staff (ip) VALUES ( ".$arr_ip[$i]." )
}
我收到的错误是;
SQLSTATE [42000]:语法错误或访问冲突:1064 SQL语法中有错误; 检查与您的MySQL服务器版本对应的手册,以获得正确的语法.. ..
当var_dump($arr_ip)我得到; …
javascript ×6
jquery ×6
html ×4
bootstrap-4 ×3
mysql ×3
php ×3
css ×2
datatables ×2
html5 ×2
accordion ×1
ajax ×1
arrays ×1
git ×1
gitlab ×1
mariadb ×1
null ×1
validation ×1