jsp中form表单中使用onsubmit调用function函数没有执行 请求大侠指导!!!!!!下面是具体代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsp中form表单中使用onsubmit调用function函数没有执行 请求大侠指导!!!!!!下面是具体代码相关的知识,希望对你有一定的参考价值。

<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户注册</title>
<script language="javascript">
<!--
function MyForm()
msg.innerHTML="debug::in function";
var username = document.form1.username.value;
var msg = document.getElementById("msg");
if(username.length==0)
msg.innerHTML="[ 提示:用户名不能为空! ]";
document.form1.username.focus();
return false;


var pass = document.form1.password.value;
if(pass.length==0)
msg.innerHTML="[ 提示:密码不能为空! ]";
document.form1.password.focus();
return false;


var pass1 = document.form1.password1.value;
if(pass1.length==0)
msg.innerHTML="[ 提示:确认密码不能为空! ]";
document.form1.password1.focus();
return false;


if(pass1!=pass)
msg.innerHTML="[ 提示:您两次输入的密码不一致! ]";
document.form1.passwoid.focus();
return false;


var mail = document.form1.mail.value;
if(mail.length==0)
msg.innerHTML="[ 提示:E_mail不能为空! ]";
document.form1.mail.focus();
return false;


var i = form1.mail.value.indexOf("@");
var j = form1.mail.value.indexOf(".");
if((i<0)||(j<0)||(i-j>0))

msg.innerHTML="[ 提示:您输入的E_mail格式不正确,请正确输入! ]";
document.form1.mail.focus();
return false;

msg.innerHTML="";
return true;

-->

</script>
</head>

<body onload="document.form1.username.focus()">
<form id="form1" name="form1" method="post" action="" onsubmit="return MyForm()">

没有看到表单提交的代码啊,比如submit按钮追问

那个都有的 是太长了 才省略的 一下是

用户注册

$error

。。。。。。

追答

msg.innerHTML="debug::in function";
应该是这句报错了,所以没有执行到后面 msg还没有声明,msg.innerHTML应该是无效的
var username = document.form1.username.value;
var msg = document.getElementById("msg");
msg.innerHTML="debug::in function";
改个顺序试试看

追问

问题已解决 还是要谢谢

参考技术A 用按钮的onClick事件来调用MyForm函数,然后在函数里面校验通过后调用form的submit方法

jsp页面onSubmit方法不执行问题

1.未设置提交按钮

应设置input的type为submit

2.form表单包含内容

错误当form表单需要包含表单时,注意要么包含整个table,要么被td包含。form无法包含thead,tbody,tfoot和tr等元素,我的错误在于我把form写成from了

(1)<form>

    <table></table>

   </form>

(2)<table>

  <tr>

    <td>

      <form></form>

    </td>

  </tr>

 </table>

 

以上是关于jsp中form表单中使用onsubmit调用function函数没有执行 请求大侠指导!!!!!!下面是具体代码的主要内容,如果未能解决你的问题,请参考以下文章

html5 中form 没有调用onsubmit方法

jsp页面onSubmit方法不执行问题

使用onsubmit return false 阻止form表单提交的方法介绍

使用来自 redux-forms "onSubmit" 的 dispatch 分离 API 调用

html中如何获取表单的数据?

关于表单form元素中onsubmit事件处理机制的认识