Javascript 无法禁用两个提交按钮之一,反之亦然
我有一张这样的表格Javascript 无法禁用两个提交按钮之一,反之亦然,javascript,jquery,Javascript,Jquery,我有一张这样的表格 <form action="domains.php#searchdomain" method="post" name="m_domain"> <a name="searchdomain"></a> <table class="dataTable" width="100%" border="0" cellspacing="0" cellpadding="5" id="" style="text-align:c
<form action="domains.php#searchdomain" method="post" name="m_domain">
<a name="searchdomain"></a>
<table class="dataTable" width="100%" border="0" cellspacing="0" cellpadding="5" id="" style="text-align:center; margin-top:0px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;">
<tr>
<td align="left" colspan="2"><div id="display_message" <?php echo $sstyle; ?>><?php echo $dis_msg; ?></div></td>
</tr>
<tr>
<td align="left">Search Domain</td>
<td align="left" style="display:none;" id="apply_text">Replace Selected Domains With</td>
</tr>
<tr>
<td align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input class="input_field" name="search_domain" id="search_domain" value="<?php echo $search_domain; ?>" type="text"></td>
<td> </td>
<td><input type="submit" class="btn blue_button"
name="submit_domain_form" id="submit_search_button"
value="Search" onclick="return searchValidate();"></td>
</tr>
</table></td>
<td align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0" id="apply_button" style="display:none;">
<tr>
<td><input class="input_field" name="domain_name_url" id="domain_name_url" value="<?php echo $domain_name_url; ?>" type="text"></td>
<td>
<input name="domain_replace_id" id="domain_replace_id"
value="" type="hidden">
<input name="domain_replace_link" id="domain_replace_link"
value="" type="hidden">
</td>
<td><input type="submit" class="btn blue_button"
name="submit_domain_form" id="submit_replace_button"
value="Apply" onclick="return validate();"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="checkbox" name="status_domain" id="status_domain" <?php if($status_domain){?> checked <?php } ?>> Include inactive campaigns in search.</td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td align="center"> </td>
</tr>
</table>
<?php
echo '<div style="border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; width:100%; padding:10px;">';
if(sizeof($request_list) > 0)
{
echo '
<div class="pg_wrapper">
<div class="progress" style="width:80%;float: left;position: relative; top: 0; z-index: 999; display: none;"><div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" ></div></div><div id="cancel_load" style="float: left; height: 23px; font-size: 12px; vertical-align:middle; padding-left: 5px; display: none;"><a style="color:#428bca;" href="javascript:void(0);" ><strong>Cancel</strong></a>
</div>
<div class="clearfix"></div>
</div>
';
}
echo '</div>';
?>
<div id="lp_pages_table" style="padding: 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;">
<table class="display compact" width="100%" border="0" cellspacing="0" cellpadding="5" id="domains_list" style="margin-top:0px; border:1px solid #ddd;">
<thead>
<tr>
<th style="text-align:center;"><input type="checkbox" name="chk_all" class="checkall" id="checkedAll"></th>
<th>URL</th>
<th>Type</th>
<th>ID</th>
<th>Campaign</th>
<th>Status</th>
</tr>
</thead>
</table>
</div>
</form>
您可以在元素本身上使用onfocus来激活函数以禁用脚本: 然后使用onblur将其撤消
这很容易使用使用此代码禁用按钮:-
$('your element').attr("disabled","disabled");
使用此选项可启用
$('your element').removeAttr("disabled");
像这样的?此处演示:
请描述一下你的问题。发生了什么不应该发生的事情?您说您希望事件在焦点上触发,但您正在使用特定的keycode 13测试keyup。。。。听起来我想吃汉堡包,但点了一个banana@giorgio问题是,按enter键时,将测试哪个文本框设置了焦点。。。基于此,将单击提交按钮..啊!对不起,我没有再看第三行;但是,是否要检查用户是否已按enter键,或者用户是否尝试提交?实际上,我只是不明白,在用户体验方面,你想要实现什么。。。你能不能给这个表格做一个简单的例子,让它更清楚一些?@giorgio,我要回家了,所以我稍后会解释。。。。当我向你详细说明我真正想要实现的目标时,你可以帮助我。这是一条路要走。OP做得对。
$('your element').removeAttr("disabled");
$(document).ready(function() {
$('#search_domain').on('focus', function() {
$('#submit_replace_button').attr('disabled', true);
});
$('#search_domain').on('blur', function() {
$('#submit_replace_button').attr('disabled', false);
});
$('#domain_name_url').on('focus', function() {
$('#submit_search_button').attr('disabled', true);
});
$('#domain_name_url').on('blur', function() {
$('#submit_search_button').attr('disabled', false);
});
});