Javascript JSP操作和提交问题_Javascript_Jsp_Action_Onsubmit

Javascript JSP操作和提交问题

javascript jsp

Javascript JSP操作和提交问题,javascript,jsp,action,onsubmit,Javascript,Jsp,Action,Onsubmit,javascript函数似乎没有被调用，验证被跳过并直接进入检查页面。我需要在表单元素移动到预期目标（即check.jsp页面）之前对其进行验证我知道有更好的方式验证表单，但我想知道如何通过这种方式完成，非常感谢您的帮助：） JSP页面用户名：密码：电邮：函数validateall（表单） { var errlist=“”； errlist+=valuename（form.uname）； errlist+=valpwd（form.pwd）； errlist+=valemail（fo

javascript函数似乎没有被调用，验证被跳过并直接进入检查页面。我需要在表单元素移动到预期目标（即check.jsp页面）之前对其进行验证

我知道有更好的方式验证表单，但我想知道如何通过这种方式完成，非常感谢您的帮助：）


JSP页面
用户名：
密码：
电邮：
函数validateall（表单）
{
var errlist=“”；
errlist+=valuename（form.uname）；
errlist+=valpwd（form.pwd）；
errlist+=valemail（form.email）；
如果（errlist！=“”）
{
警报（“某些字段需要更正”）；
返回false；
}
警报（“注册成功”）；
返回true；
}
函数名（fld）
{
var error=“”
如果（fld.value==“”）
{
错误+=“不能将用户名留空”；
fld.style.background='Red'；
}
var illegalChars=/\W/；
否则如果（（fld.value.length>=5））| |（fld.value.length=7））| |（fld.value.length，您可以像这样停止sefault提交：
$(document).ready(function() {
  $('form').on('submit', function(e){
    // validation code here
    if(!valid) {
      e.preventDefault();
    }
  });
});

Jquery.com的另一个例子
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>submit demo</title>
<style>
p {
margin: 0;
color: blue;
}
div,p {
margin-left: 10px;
}
span {
color: red;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>Type 'correct' to validate.</p>
<form action="javascript:alert( 'success!' );">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
<script>
$( "form" ).submit(function( event ) {
if ( $( "input:first" ).val() === "correct" ) {
$( "span" ).text( "Validated..." ).show();
return;
}
$( "span" ).text( "Not valid!" ).show().fadeOut( 1000 );
event.preventDefault();
});
</script>
</body>
</html


提交演示
p{
保证金：0；
颜色：蓝色；
}
分区，p{
左边距：10px；
}
跨度{
颜色：红色；
}
键入“correct”进行验证
$（“表格”）。提交（功能（事件）{
如果（$（“输入：第一个”）.val（）=“正确”）{
$（“span”）.text（“已验证…”）。show（）；
返回；
}
$（“span”）.text（“无效！”）.show（）.fadeOut（1000）；
event.preventDefault（）；
});
是否有任何链接？如果不确定，我将部署并检查。请检查我的答案@ambarox谢谢，我将检查它。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>submit demo</title>
<style>
p {
margin: 0;
color: blue;
}
div,p {
margin-left: 10px;
}
span {
color: red;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>Type 'correct' to validate.</p>
<form action="javascript:alert( 'success!' );">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
<script>
$( "form" ).submit(function( event ) {
if ( $( "input:first" ).val() === "correct" ) {
$( "span" ).text( "Validated..." ).show();
return;
}
$( "span" ).text( "Not valid!" ).show().fadeOut( 1000 );
event.preventDefault();
});
</script>
</body>
</html