这就是两种处理表单提交前奏的方式。

本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法。分享给大家供大家参考。具体如下:

function loginForm(){
 var flag = true;
 $(".notnull").each(function(){
  if(!$(this).val())
  {
   flag = false;
   $(this).css({ border: "1px solid #F56939",borderRadius:"5px",color:"#F56939",height:"26px"});
   $(this).attr("status","1").val("不能为空");
  }
 });
 return flag;
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>表单提交后按钮禁用</title>
<script type="text/javascript">
function sub() {
  document.forms[0].elements[0].disabled = true;
  document.forms[0].submit();
}
</script>
</head>
<body>
  <form action="login.action" method="post">
    <input type="button" name="btn" value="提交表单"
 onclick="return sub();" />
  </form>
</body>
</html>
<form method="post" action="/student/stureg/reglogin" id="form_login">
<a id="submit"><img src="/images/login/login_bt.png" style="cursor:pointer"/></a>

这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交。

<form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();">
<button type="submit" class="button red" style="font-size:18px; font-family:'微软雅黑';">提 交</button>

希望本文所述对大家的javascript程序设计有所帮助。

这里的button提交之后,执行subForm()方法,subForm可以对表单进行验证,返回false,表单不提交。否则提交。

您可能感兴趣的文章:

威尼斯人线上娱乐,返回false,就不调用submit方法。

本文实例分析了JS两种类型的表单提交方法。分享给大家供大家参考,具体如下:

2.js设置的提交

希望本文所述对大家JavaScript程序设计有所帮助。

网站地图xml地图