jquery确认取消仍然提交表单

Question

即使我取消了我的确认，表格仍然提交 问题是什么？我认为我的jquery是错误的请帮助

表格外的我的按钮

<li><a id="recieve_btn" href="javascript:void(0)" class="btn animated infinite pulse" onclick="if(!confirm('Are you sure?')) return false;"><span class="glyphicon glyphicon-transfer"></span> Recieve</a></li>

我的表格

<form id="frm-list" action="<?php echo base_url('home/recieve') ?>">
		<table class="table table-condensed display dataTable dt-checkboxes-select" id="list" style="width: 100%;">	
		<thead>
			<tr>
				<th>No</th>
				<th>Family Name</th>
				<th>Given Name</th>
				<th>Middle Initial</th>
				<th>Birthdate</th>
				<th>Module Enrolled</th>
				<th>Action</th>
			</tr>
		</thead>
		<tbody class="datatable">
		<?php foreach ($result as $trainee): ?>
		<tr>
				<td><?php echo $trainee->no ?></td>
				<td><?php echo $trainee->lname ?></td>
				<td><?php echo $trainee->fname ?></td>
				<td><?php echo $trainee->mi ?></td>
				<td><?php echo $trainee->bdate ?></td>
				<td><?php echo $trainee->module ?></td>
				<td>
					<a href="javascript:void(0);" class="btn btn-primary btn-sm animated infinite pulse" data-registerid="<?php echo $trainee->no ?>" id="update">Update</a>
				</td>
			</tr>
		<?php endforeach ?> 
		</tbody>
		<tfoot>
			<tr>
				<th></th>
				<th>Family Name</th>
				<th>Given Name</th>
				<th>Middle Initial</th>
				<th>Birthdate</th>
				<th>Module Enrolled</th>
				<th>Action</th>
			</tr>
		</tfoot>
	</table>
	</form>

我提交表格的jquery

$(document).on('click', '#recieve_btn', function(){
			$('#frm-list').trigger('submit');
		});

Answer 1

请尝试此代码。它可能对你有所帮助。

$(document).on('click', '#recieve_btn', function() {
  if (confirm('Are you sure?')) {
    $('#frm-list').trigger('submit');
  } else {
    return false;
  }
});

Answer 2

不要将内联Java脚本代码与jQuery混合，请尝试下面的代码：

＆＃13;

＆＃13;

$(document).on('click', '#recieve_btn', function() {
  //$('#frm-list').trigger('submit');
  if (confirm('Are you sure?')) {
    console.log('confirmed');
    return true;
  } else {
    console.log('unconfirmed');
    return false;
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li><a id="recieve_btn" href="javascript:void(0)" class="btn animated infinite pulse"><span class="glyphicon glyphicon-transfer"></span> Recieve</a></li>

＆＃13;

＆＃13;

＆＃13;