Javascript 按Enter键发送值;从形式到情态 身份证 显示数据 &时代; document.getElementById(“卡id”).addEventListener(“键控”,函数(事件){ 如果(event.keyCode===13){ document.getElementById(“卡片id”).submit(); 返回false; } }); 函数submit_handler(){ console.log('modal opened');//是否使用ajax发送? $('exampleModal').modal('show'); event.preventDefault(); 返回false; }
'按Enter键发送值从形式到形式。” 但现在我要分别做这两件事。我怎样才能把它们结合起来? '按Enter键发送值从形式到形式。” 但现在我要分别做这两件事。如何组合它们?Javascript 按Enter键发送值;从形式到情态 身份证 显示数据 &时代; document.getElementById(“卡id”).addEventListener(“键控”,函数(事件){ 如果(event.keyCode===13){ document.getElementById(“卡片id”).submit(); 返回false; } }); 函数submit_handler(){ console.log('modal opened');//是否使用ajax发送? $('exampleModal').modal('show'); event.preventDefault(); 返回false; },javascript,php,Javascript,Php,'按Enter键发送值从形式到形式。” 但现在我要分别做这两件事。我怎样才能把它们结合起来? '按Enter键发送值从形式到形式。” 但现在我要分别做这两件事。如何组合它们? <form action="#exampleModal" method="post" id="new_group" onsubmit="submit_handler()"> <div class=&quo
<form action="#exampleModal" method="post" id="new_group" onsubmit="submit_handler()">
<div class="control-group">
<div class="form-group floating-label-form-group controls mb-0 pb-2">
<label class="fonts">IDCARD</label>
<input class="form-control fonts" id="card_id" type="text" name="card_id"placeholder="IDCARD" required="required" minlength="13" maxlength="13" />
</div>
</div>
</form>
<div class="modal" tabindex="-1" role="dialog" style="display:none" id="exampleModal">
<h5 class="modal-title">Show data</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="modal-body">
<div class="container">
<?
echo $_POST["card_id"];
?>
</div>
</div>
</div>
<script>
document.getElementById("card_id").addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
document.getElementById("card_id").submit();
return false;
}
});
function submit_handler() {
console.log('modal opened'); //send with ajax?
$('#exampleModal').modal('show');
event.preventDefault();
return false;
}
</script>
引导示例
身份证
&时代;
模态头
模态中的某些文本
接近
document.getElementById(“卡片id”).addEventListener(“按键”,函数(事件)
{
如果(event.keyCode===13)
{
var cardId=document.getElementById(“卡片id”).value;
$('exampleModal').modal('show');
document.getElementById(“bodyText”).innerHTML=cardId;
event.preventDefault();
}
});
你能澄清一下这个问题吗
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<form action="#exampleModal" method="post" id="new_group">
<div class="control-group">
<div class="form-group floating-label-form-group controls mb-0 pb-2">
<label class="fonts">IDCARD</label>
<input class="form-control fonts" id="card_id" type="text" name="card_id"placeholder="IDCARD" required="required" minlength="13" maxlength="13"/>
</div>
</div>
</form>
<!-- Modal -->
<div class="modal fade" id="exampleModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p id='bodyText'>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
document.getElementById("card_id").addEventListener("keypress", function(event)
{
if (event.keyCode === 13)
{
var cardId = document.getElementById("card_id").value;
$('#exampleModal').modal('show');
document.getElementById("bodyText").innerHTML = cardId;
event.preventDefault();
}
});
</script>
</body>
</html>