禁用表单字段,直到上一个字段已填充 JavaScript
Disable form fields until a previous field has been filled with JavaScript
使用 JavaScript;我们可以将另一个文本字段设置为依赖于第一个或上一个文本字段吗?
例如,如果我们有一个名字和姓氏字段,我想禁用姓氏字段,直到输入名字的值。
我做了一个小提琴,你可以看看:http://jsfiddle.net/phillipkregg/7bkrn/2/
它并不完美,但它会给你一些可以玩耍和练习的东西。 如果您保留"名字"字段而不填写,则会锁定"姓氏"字段。
如果你想使用JQuery,这是执行javascript的一种方法:
$(document).ready(function() {
$("#first_name_field").focus();
var error_message = "Please add first name.";
$("#first_name_field").blur(function() {
if ($(this).val() != '')
{
$("#surname_field").removeAttr("disabled");
$("#message").html("");
}
else {
$("#surname_field").attr("disabled", "disabled");
$("#message").append(error_message);
}
});
});
如果您打算使用验证(您应该这样做),那么您应该查看一个名为JQuery Validation - http://docs.jquery.com/Plugins/Validation
我只是在这里做了一个快速的,向您展示一种方法。
尝试使用此代码。
<input type="text" name="fname" id="fname" onkeyup="check()" />
<input type="text" name="lname" id="lname" disabled="disabled" />
JavaSCript
function check() {
if(document.getElementById('fname').value != "")
document.getElementById('lname').disabled = false;
else
document.getElementById('lname').disabled = true;
}
已经。您可以在 JavaScript 中使用 "input" html 标记和 "onChange" 事件的 "readonly" 属性(例如)。这只是客户端功能。不要为此目的使用 php)。
相关文章:
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- Angular ng repeat order将多个字段作为一个字段
- 我怎么能让流星简单模式中的一个字段等于一个js变量,并且仍然让用户填写简单模式的其余部分
- 在表单中的输入字段上提交事件
- 时间字段上的JavaScript验证(不接受0:00格式)
- 防止在输入字段上单击事件
- 完全限制输入字段上的输入
- 使用jQuery捕获没有ID的字段上的更改事件
- 通过程序从多个输入字段上传多个文件-blueimp jquery fileupload
- 模拟文本输入字段上的退格键
- 一个字段上的语义 UI 表单验证规则是否可以以另一个字段为条件
- Mongo在单个字段上设置相交,这是一个2d数组
- 将焦点设置在某个类名的下一个元素的输入字段上
- 一个ng模型在ng个重复字段上工作吗
- 在具有从另一个模型角度设置的值的输入字段上使用ng模型
- 如何正确清除另一个字段上的复选框单击Knockout.js
- mongodb查询:在一个字段上使用过滤器获得N个结果
- Javascript循环遍历字段,添加值并显示在另一个字段上
- 尝试在同一输入字段上调用两个函数,但只调用一个
- 获取2个输入字段内的日期差异,并将其显示在另一个字段上