Question

我正在尝试通过点击按钮刷新我的页面的一个ID。我尝试了几种方法，但没有一种方法可行。虽然我已创建按钮来刷新它，但它会保留页面的提交（触发验证事件）。因此，每次单击该按钮时，他都会尝试提交表单，验证输入而不是刷新该div。

这是我现在的代码：

function refreshCaptcha() {
	$("#captcha_code").attr('src','./inc/captcha.php');
}

<div class="form-group">
<div class="col-xs-4">
    <button class="btn btn-sm btn-warning" id="refreshcap" name="refreshcap" onclick="refreshCaptcha();">
        <i class="fa fa-refresh push-5-r"></i>
        <img id="captcha_code" src="inc/captcha.php" />
    </button>	
</div>
<div class="col-xs-8">
	<div class="form-material floating">
		<input class="form-control" type="text" id="cap" name="cap">
		<label for="cap">Captcha</label>
	</div>
</div>
</div>

有人可以帮助我试图弄错了吗？感谢。

Answer 1

假设您的按钮位于表单内，

在按钮中添加type

将停止提交表单

<button type="button" class="btn btn-sm btn-warning" id="refreshcap" name="refreshcap" onclick="refreshCaptcha();">
            <i class="fa fa-refresh push-5-r"></i>
            <img id="captcha_code" src="inc/captcha.php" />
    </button>

除此之外，您可以在功能结束时使用javascript return false;

与js

<script>
    $(document).ready(function() {
        $("#refreshcap").on("click",function(event){
             event.preventDefault();
             $("#captcha_code").attr('src','./inc/captcha.php');
        });
    });
</script>

使用此功能，您无需调用点击事件，无论类型是button还是submit

，都可以为您执行此操作

Answer 2

我认为你的JS函数应该返回false;为了不提交表格。

<script>
function refreshCaptcha() {
    $("#captcha_code").attr('src','./inc/captcha.php');
    return false;
}
</script>

PHP＆amp; Jquery刷新id与外部文件

2 个答案:

与js