小编Dwh*_*itz的帖子
在启用表单提交之前强制用户填写所有字段
我有一个包含各种字段的表单.
请参阅jsFiddle演示.
我的目的是仅在用户填写所有字段时启用提交按钮.
到目前为止,我可以在启用提交按钮之前强制标题字段具有内容.如何在启用提交按钮之前完成所有其他字段.
jQuery("input[type='text']").on("keyup", function () {
if (jQuery(this).val() != "" ) {
if (jQuery("#titlenewtide").val() != '')
{
jQuery("#subnewtide").removeAttr("disabled");
}
} else {
jQuery("#subnewtide").attr("disabled", "disabled");
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="post" id="new_tide">
Title: <input id="titlenewtide" type="text" name="title" required> <br>
Description: <textarea name="description" id="description"></textarea> <br>
Tag: <input id="newtag" type="text" name="newtag" required> <br>
Category: <input type="radio" name="category" value="19" required> Animation
<button type="submit" value="Submit" name="subnewtide" id="subnewtide" disabled="disabled">Submit</button>
</form>请注意,我在我的页脚中加载JavaScripts.
22
推荐指数
推荐指数
4
解决办法
解决办法
2万
查看次数
查看次数
布尔玛网格布局列扩展到视口
使用Bulma CSS框架.
我正在尝试布局一些元素,我不知道为什么在桌面视图上,一旦它们经过视图端口的项目不会进入下一行.
这是一个示例代码和JS Bin的相应链接:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.0/css/bulma.min.css">
<title>JS Bin</title>
</head>
<body>
<div class="columns">
<div class="column is-one-quarter">
Col 1
</div>
<div class="column is-one-quarter">
Col 2
</div>
<div class="column is-one-quarter">
Col 3
</div>
<div class="column is-one-quarter">
Col 4
</div>
<div class="column is-one-quarter">
Col 5
</div>
</div>
<div class="columns">
<div class="column is-4">
column is-4
</div>
<div class="column is-4">
column is-4
</div>
<div class="column is-4">
column is-4
</div>
<div class="column is-4">
column …4
推荐指数
推荐指数
1
解决办法
解决办法
2867
查看次数
查看次数
未捕获的ReferenceError:$未定义(ajax)
我在一个简单的jsp上有这个错误:未捕获的ReferenceError:$未定义
我只是试着回忆一下在eclipse上另一个项目的服务休息,但它似乎不起作用..
代码在这里:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script rel="javascript" type="text/javascript" href="js/jquery-1.11.3.min.js" />
</head>
<body>
<script>
var people = {
"address": "Street 12",
"name": "twelve",
"id": 12,
"surname": "twelve"
};
function sendobject() {
$.ajax({
type: "POST",
url: "http://localhost:8080/HibernateTutorialWeb/rest/person/post",
data: markers,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
alert(data);
},
failure: function(errMsg) {
alert(errMsg);
}
});
}
</script>
<input type="button" onclick="sendobject()" value="send"> </input>
</body>
</<html>
更新:
尝试使用谷歌CDN的jQuery,但仍然无法正常工作
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
未捕获的ReferenceError:$未定义sendobject @index.jsp:15onclick …
3
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
Google ReCAPTCHA onload回调未触发
我不能为我的生活弄清楚我在这里做错了什么.loaded()回调应该触发但不会触发.这是一个简化测试用例的代码(下面有一个JS小提琴链接):
<script>
function loaded() {
alert('loaded() triggered.');
}
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=loaded" async defer></script>3
推荐指数
推荐指数
1
解决办法
解决办法
2784
查看次数
查看次数
删除表格iText java左右边距
我在表的左右两侧有固定边距的问题.我正在使用Struts2开展一个项目.
我想删除该边距并使用没有边距或填充的所有工作表.我该怎么办？
我刚试过这个,但对我不起作用:
cell.setPaddingLeft(0);
cell.setBorderWidthLeft(0);
cell.setLeft(0);
这适用于我,但单元格的边框,不遵循文本(查看底部的表格)
cell.setPaddingLeft(-50);
这是我的代码的一部分:
Font fontStandard = FontFactory.getFont("Arial", 8);
int w[] = { 50, 50 };
PdfPTable tableInner = new PdfPTable(5);
tableInner.setWidths(w);
cell = new PdfPCell(new Phrase("PADDING -50", fontStandard));
cell.setHorizontalAlignment(PdfPCell.ALIGN_LEFT);
/******/
//cell.setPaddingLeft(0);
//cell.setBorderWidthLeft(0);
//cell.setLeft(0);
cell.setPaddingLeft(-50);
/******/
tableInner.addCell(cell);
document.add(tableInner);
这就是我要的.
2
推荐指数
推荐指数
1
解决办法
解决办法
7961
查看次数
查看次数