jquery使输入按钮提交表单
我有一个简单的表单,如下所示:jquery使输入按钮提交表单,jquery,Jquery,我有一个简单的表单,如下所示: <form action="#" name="submit" method="post"> <input name="zip" id="zip" type="text" value="" class="zip-start" /> <div class="form-submit"><a href="" id="zipformSubmit" rel="zipformSubmit" class="
<form action="#" name="submit" method="post">
<input name="zip" id="zip" type="text" value="" class="zip-start" />
<div class="form-submit"><a href="" id="zipformSubmit" rel="zipformSubmit" class="zipformSubmit">Submit</a></div>
</form>
<script>
$(document).ready(function() {
$("a[rel=zipformSubmit]").click(function(e) {
e.preventDefault();
var zip = $('#zip').val();
if (zip.length < 5) { alert("Please enter a valid zip code"); return false;};
$.colorbox({href: "/ppc/form.htm?zip=" + zip, iframe:true, innerWidth:800, innerHeight:600});
});
});
</script>
我有这样的JS:
<form action="#" name="submit" method="post">
<input name="zip" id="zip" type="text" value="" class="zip-start" />
<div class="form-submit"><a href="" id="zipformSubmit" rel="zipformSubmit" class="zipformSubmit">Submit</a></div>
</form>
<script>
$(document).ready(function() {
$("a[rel=zipformSubmit]").click(function(e) {
e.preventDefault();
var zip = $('#zip').val();
if (zip.length < 5) { alert("Please enter a valid zip code"); return false;};
$.colorbox({href: "/ppc/form.htm?zip=" + zip, iframe:true, innerWidth:800, innerHeight:600});
});
});
</script>
$(文档).ready(函数(){
$(“a[rel=zipformSubmit]”)。单击(函数(e){
e、 预防默认值();
var zip=$('#zip').val();
如果(zip.length<5){alert(“请输入有效的邮政编码”);返回false;};
$.colorbox({href://ppc/form.htm?zip=“+zip,iframe:true,innerWidth:800,innerHeight:600});
});
});
问题是,用户只能通过单击submit按钮提交此表单。关于如何调整js以使enter按钮也提交表单,有什么想法吗
提前感谢使用jQuery的方法,通过单击enter来侦听表单提交
<script>
function submitHandler(e) {
e.preventDefault();
var zip = $('#zip').val();
if (zip.length < 5) { alert("Please enter a valid zip code"); return false;};
$.colorbox({href: "/ppc/form.htm?zip=" + zip, iframe:true, innerWidth:800, innerHeight:600});
}
$(document).ready(function() {
$('form').submit(function(e) {
submitHandler(e);
});
$("a[rel=zipformSubmit]").click(function(e) {
submitHandler(e);
});
});
</script>
函数提交器(e){
e、 预防默认值();
var zip=$('#zip').val();
如果(zip.length<5){alert(“请输入有效的邮政编码”);返回false;};
$.colorbox({href://ppc/form.htm?zip=“+zip,iframe:true,innerWidth:800,innerHeight:600});
}
$(文档).ready(函数(){
$('form')。提交(函数(e){
提交人(e);
});
$(“a[rel=zipformSubmit]”)。单击(函数(e){
提交人(e);
});
});
但是,您应该将此
$('form')
更改为更具体的内容。为表单添加一个id,它应该是完美的。您是否尝试过使用$(…).submit()
?什么是“输入”按钮?上面不清楚。@JJ,在键盘上输入键!:)@罗布·梅里诺,我完全回答了你的问题了吗?