日期:2014-05-16  浏览次数:20309 次

一个简单的form提交问题
本帖最后由 Myprettygirl 于 2013-07-12 14:27:19 编辑
html代码
 <form name=check action=123.php method=post target="_blank">
<input size="30" type="text" id= "check" />
<button class="new-btn-login" type="submit" id="submit" style="text-align:center;">确 认</button>
</form>

$("#submit").click(function(){
var tfee = $("#check").val();
if(tfee == null || tfee ==""){
alert("xxxxx");
return;
}
reg='/^[1-9][0-9]*$/';
alert(reg.test(tfee));
if(!reg.test(tfee)){
alert("请输入正确格式");
return;
}

});

我现在想执行一个动作,就是在点击submit的时候。检测下input值是否满足某个条件,满足之后再进行form跳转。但是现在不管满足是否。都会跳转。因为button的type为form提交。我该怎么改才能满足条件?

------解决方案--------------------
jQuery的事件handler中return false;可以阻止默认行为和事件冒泡。

给submit的button注册click,然后check,然后return false;原理上是可以的,但是,别忘了input输入框中按回车也会提交form哦。

所以,不用注册click事件到submit的button上了,注册form的submit事件吧,多好啊。
------解决方案--------------------
我常用的作法是用一个普通按钮,不把type改submit
进行判断后,直接用JS提交form