Javascript 按ENTER键填充表单并防止表单提交
JSJavascript 按ENTER键填充表单并防止表单提交,javascript,jquery,forms,javascript-events,onsubmit,Javascript,Jquery,Forms,Javascript Events,Onsubmit,JS $('.add_to_list').live('keydown',函数(e){ 如果(e.keyCode=='13'){ var holder=$(this.attr('hold'), val=$(this.val(); 如果(持有者='mf'| |持有者='mp'){ 变量v=“#”+持有者; h=''+val+''; $(v)追加(h); $(this.val(“”); } e、 防止默认值(); 返回false; } $('save_clinic').submit(函数(){retu
$('.add_to_list').live('keydown',函数(e){
如果(e.keyCode=='13'){
var holder=$(this.attr('hold'),
val=$(this.val();
如果(持有者='mf'| |持有者='mp'){
变量v=“#”+持有者;
h=''+val+' ';
$(v)追加(h);
$(this.val(“”);
}
e、 防止默认值();
返回false;
}
$('save_clinic').submit(函数(){return false;});
});
HTML
调查结果
医疗程序:
问题:
我想阻止按ENTER键提交,只允许单击提交按钮提交
但我当前的js阻止提交,如果我删除
$('save_clinic').submit(函数(){return false;});
当用户试图填充表单时,从js开始,表单自动汇总
有人能告诉我这里的问题是什么吗?
我认为这应该在外面:
<form accept-charset="utf-8" method="post" id="save_clinic" action="#">
<p>
<b>Findings</b>
<ol id='mf'></ol>
<input type="text" hold="mf" class="add_to_list" value="" name="">
<!--the input hv no name cause i dont want it to be submitted, this is for adding only-->
</p>
<p>
<b>Medical Procedures:</b>
<ol id=mp></ol>
<input type="text" hold="mp" class="add_to_list" value="" name="">
<!--the input hv no name cause i dont want it to be submitted, this is for adding only-->
</p>
<input type=submit>
</form>
$('.add_to_list').live('keydown',函数(e){
如果(e.keyCode=='13'){
var holder=$(this.attr('hold'),
val=$(this.val();
如果(持有者='mf'| |持有者='mp'){
变量v=“#”+持有者;
h=''+val+' ';
$(v)追加(h);
$(this.val(“”);
}
}
e、 provent_default();//从if中取出
$('save_clinic').submit(函数(){return false;});
});
我认为这应该是外部的:
<form accept-charset="utf-8" method="post" id="save_clinic" action="#">
<p>
<b>Findings</b>
<ol id='mf'></ol>
<input type="text" hold="mf" class="add_to_list" value="" name="">
<!--the input hv no name cause i dont want it to be submitted, this is for adding only-->
</p>
<p>
<b>Medical Procedures:</b>
<ol id=mp></ol>
<input type="text" hold="mp" class="add_to_list" value="" name="">
<!--the input hv no name cause i dont want it to be submitted, this is for adding only-->
</p>
<input type=submit>
</form>
$('.add_to_list').live('keydown',函数(e){
如果(e.keyCode=='13'){
var holder=$(this.attr('hold'),
val=$(this.val();
如果(持有者='mf'| |持有者='mp'){
变量v=“#”+持有者;
h=''+val+' ';
$(v)追加(h);
$(this.val(“”);
}
}
e、 provent_default();//从if中取出
$('save_clinic').submit(函数(){return false;});
});
调用该函数(无下划线,大写字母“D”),而不是prevent\u default
。请尝试删除此行:
$('.add_to_list').live('keydown',function (e){
if(e.keyCode == '13'){
var holder=$(this).attr('hold'),
val=$(this).val();
if(holder == 'mf' ||holder == 'mp'){
var v='#'+holder;
h='<li class="entery deletable"><input type="hidden" name="'+holder+'[]" value="'+val+'">'+val+'</li>';
$(v).append(h);
$(this).val('');
}
}
e.prevent_default(); // take this out from the if
$('#save_clinic').submit(function(){return false;});
});
函数被调用(无下划线,大写“D”),而不是prevent\u default
。请尝试删除此行:
$('.add_to_list').live('keydown',function (e){
if(e.keyCode == '13'){
var holder=$(this).attr('hold'),
val=$(this).val();
if(holder == 'mf' ||holder == 'mp'){
var v='#'+holder;
h='<li class="entery deletable"><input type="hidden" name="'+holder+'[]" value="'+val+'">'+val+'</li>';
$(v).append(h);
$(this).val('');
}
}
e.prevent_default(); // take this out from the if
$('#save_clinic').submit(function(){return false;});
});
$('.add_to_list').live('keydown',函数(e){
如果(e.keyCode=='13'){
var holder=$(this.attr('hold'),
val=$(this.val();
如果(持有者='mf'| |持有者='mp'| |持有者=='orders'){
变量v=“#”+持有者;
h=''+val+' ';
$(v)追加(h);
$(this.val(“”);
}
//返回false;
e、 预防默认值();
及
现在两个都很好。谢谢大家。('.add_to_list')。live('keydown',函数(e){
如果(e.keyCode=='13'){
var holder=$(this.attr('hold'),
val=$(this.val();
如果(持有者='mf'| |持有者='mp'| |持有者=='orders'){
变量v=“#”+持有者;
h='现在两个都很好。谢谢大家。这把小提琴的形式在哪里?这把小提琴的形式在哪里?
$('.add_to_list').live('keydown',function (e){
if(e.keyCode == '13'){
var holder=$(this).attr('hold'),
val=$(this).val();
if(holder == 'mf' ||holder == 'mp' ||holder == 'orders'){
var v='#'+holder;
h='<li class="entery deletable"><input type="hidden" name="'+holder+'[]" value="'+val+'">'+val+'</li>';
$(v).append(h);
$(this).val('');
}
//return false;
e.preventDefault();