Javascript 输入以提交表格
我在添加代码以通过单击Enter提交表单时遇到问题。我试过几件事,但就是做不到 我是新来的,所以这可能就是原因 提前谢谢你们Javascript 输入以提交表格,javascript,html,Javascript,Html,我在添加代码以通过单击Enter提交表单时遇到问题。我试过几件事,但就是做不到 我是新来的,所以这可能就是原因 提前谢谢你们 <div class="box"> <h1>Foretag et opkald via Remote Control</h1> <input type="number" id="dial"> <a id="call" href="" target-"null">Start opkald t
<div class="box">
<h1>Foretag et opkald via Remote Control</h1>
<input type="number" id="dial">
<a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script>
$('#dial').on('input', function() {
$('#tel').html($(this).val())
$('#call').attr("href", "http://192.168.6.91/servlet?key=number=" + $(this).val() + "&outgoing_uri=9081@213.128.137.88")
console.log($(this).val()) // get the current value of the input field.
});
</script>
通过远程控制的前置标签和opkald
启动opkald直到
$('#dial')。在('input',function()上{
$('#tel').html($(this.val())
$('#call').attr(“href”http://192.168.6.91/servlet?key=number=“+$(this).val()+”&传出的uri=9081@213.128.137.88")
console.log($(this.val())//获取输入字段的当前值。
});
如果您想根据文本框上按下的enter键执行任何活动,如表单提交,您可以通过keyup
事件中的keycode
来跟踪它
通过远程控制的前置标签和opkald
启动opkald直到
$('#dial')。在('keyup',function()上{
var keycode=(event.keycode?event.keycode:event.which);
$('#tel').html($(this.val())
$('#call').attr(“href”http://192.168.6.91/servlet?key=number=“+$(this).val()+”&传出的uri=9081@213.128.137.88")
console.log($(this.val())//获取输入字段的当前值。
如果(键代码=='13'){
//提交表格
$('#call')[0]。单击();
}
});
纯HTML格式:
发送
而不是这个:
<div class="box">
<h1>Foretag et opkald via Remote Control</h1>
<input type="number" id="dial">
<a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>
如果将输入包装在表单中,默认情况下,它将按enter键提交 下面是一个如何使用此功能的示例:
const form=document.getElementById(“表单”);
表单.addEventListener(“提交”,e=>{
e、 预防默认值();
const children=e.target.children;
为(儿童之子){
if(child.type!=“提交”){
console.log(child.value);//在此处执行操作
}
}
})
请更清楚地解释。你是什么问题facing@Vishalmodi-我只是太蠢了,不能让它工作。不知道从哪里开始;我不知道该怎么办:)使用表单,默认行为是在控件聚焦并按下enter键时提交。不需要代码。您还将发现控件更容易访问,同样不需要脚本。请描述您的问题以及您希望输出的内容这对完美回答很好将此URL粘贴到您的浏览器中:data:text/html,
我已经尝试过了–但是在执行此操作时,浏览器会弹出一个“此页面显示:并且该命令不会在设备上执行。它只是用于演示,而不是添加代码。您是初学者,因此您将面临此类问题,这意味着您不是垃圾。因此,与其恼怒,不如专注于学习。希望上面的答案解决了你的疑问。好吧,那么。。您发送的代码段已添加到我的代码中。您之前说过,我必须添加代码而不是警报。我讨厌问“答案”,因为我想自己去学,然而,我觉得在这种状态下,得到答案——并且理解它,会对我有很大帮助。你能帮我吗?我知道人们讨厌你问答案。如果我够幸运的话,下面是完整的代码:谢谢Vishal:)我不明白,你到底想要什么。我已经满足了你的要求。那么你的问题到底是什么?请讲清楚。
<from id="#formId">
<h1>Foretag et opkald via Remote Control</h1>
<input type="number" id="dial">
<input type="submit" value="Enter">
</from>
$("#myform").submit(function(e) {
// prevent Default functionality
e.preventDefault();
// get the input values from the from
});