当前位置: 代码迷 >> Web前端 >> juqry遏止提交表单(form)的方法实现
  详细解决方案

juqry遏止提交表单(form)的方法实现

热度:34   发布时间:2012-11-09 10:18:48.0
juqry阻止提交表单(form)的方法实现

<html>?
<head>?
<meta http-equiv="Content-Type" content="text/html; charset=gbk">?
<script type="text/javascript" src="/sunchis/script/jquery-1.3.2.js"></script>?
<script type="text/javascript">?
$(document).ready(function(){?
??? $(":submit[id=tijiao]").click(function(check){?
??????? var val = $(":text[id=test]").val();?
??????? if(val==""){?
??????????? alert("文本框输入为空,不能提交表单!");?
??????????? $(":text[id=test]").focus();?
??????????? check.preventDefault();//此处阻止提交表单?
??????? }?
??? });?
});?
</script>?
<title>jQuery禁止提交表单</title>?
</head>?
<body>?
<form action="index.htm" method="post">?
??? <input type="text" name="test" id="test">?
??? <input type="submit" id="tijiao" value="提交">?
</form>?
</body>?
</html>

?

  相关解决方案