检查以上表格字段是否正确填写
Check above form field is correctly fill out?
我有一个带有一些表单字段的HTML
表单。
我的标记与此类似-
<form>
<div class="form-group">
<label for="exampleInputEmail1">First Name</label>
<input type="text" class="form-control" placeholder="First Name">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Email address</label>
<input type="email" class="form-control" placeholder="Enter email">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
我的问题是,我想被动地保留第二个表单字段(在这个表单中是"电子邮件字段"),直到第一个表单字段被正确填写。非活动意味着用户不能在那里键入或粘贴任何内容。
有人能在jquery中判断出这可能吗?如果可以,告诉我怎么做?
希望有人能指引我走正确的道路。非常感谢。
将禁用属性添加到电子邮件中,并在名称键控时启用/禁用
HTML
<form>
<div class="form-group">
<label for="exampleInputEmail1">First Name</label>
<input type="text" class="form-control name" placeholder="First Name">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Email address</label>
<input type="email" class="form-control email" placeholder="Enter email" disabled>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
jQuery
$(function () {
$('input.name').keyup(function () {
if ($(this).val()) {
$('input.email').removeAttr('disabled');
} else {
$('input.email').attr('disabled', true);
}
});
});
Fiddlehttp://jsfiddle.net/m2h5fc9b/
相关文章:
- 如何使用JQuery检查输入(电子邮件)字段是否包含特殊字符
- jsrender是否可以动态地呈现字段名
- j查询检查复选框是否被选中,然后向输入字段添加值
- JQuery:如何检查复选框是否被选中并向字段添加属性
- 检查以上表格字段是否正确填写
- jQuery字段验证-是否为空,以及正确的值
- Ember-自定义计算属性,用于检查是否存在所有依赖字段
- 如何判断文本输入字段dom节点是否*没有*带有javascript的选择
- Jquery验证字段是否包含逗号
- 是否可以在字段有效时触发事件(html5)
- 是否可以在Kendo网格中只显示来自Kendo数据源的某些字段,而在“;添加“;弹出窗口
- jQuery-用于检查是否有任何字段不为空,然后将所有字段设为必需字段的代码
- jQuery:检索日期选择器日期,检查是否在日期范围内,显示/隐藏字段
- 是否可以使find()和findOne()方法只返回模式字段
- jQuery - 检查输入字段是否保持不变
- 使用 jQuery 判断文件输入字段是否为空
- 如何知道字段是否由于字段级别安全性而被屏蔽
- jquery 每个循环检查是否至少填写了一个字段
- 验证密码字段是否为空
- Rally SDK 2 标签选择器是否有必填字段?对象没有方法'getContextPath'