Mel*_*lon 3 javascript jquery jquery-ui javascript-events
我的页面上有一个带有两个输入字段和一个提交按钮的表单,我希望在两个输入字段都有值的情况下禁用 "提交"按钮.当且仅当两个字段中都有值输入时,该按钮才可以单击.
如何用js和jQuery实现这个？
这是我的页面:
<html>
<body>
<form method=post>
<input type=text id='first_name'>
<input type=text id='second_name'>
<input type=submit value=Submit>
</form>
</body>
</html>
我想同时拥有js和jQuery解决方案
这是使用jQuery的解决方案:
HTML(请注意我在提交按钮中添加了一个ID):
<form method=post>
<input type="text" id="first_name">
<input type="text" id="second_name">
<input type="submit" value="Submit" id="submit" disabled>
</form>
的JavaScript/jQuery的:
$(':text').keyup(function() {
if($('#first_name').val() != "" && $('#second_name').val() != "") {
$('#submit').removeAttr('disabled');
} else {
$('#submit').attr('disabled', true);
}
});
工作示例:http://jsfiddle.net/nc6NW/1/
| 归档时间： |
|
| 查看次数： |
9516 次 |
| 最近记录： |