本文介绍了一个使用JavaScript进行表单验证的例子，重点讲解了如何利用return与函数结合使用来阻止表单提交，确保两次输入的密码一致。此外，还提供了一个包含用户名、密码、性别等字段的Struts2表单示例。
<script type="text/javascript">
function add() {
var $password = $("#password").val();
var $repassword = $("#repassword").val();
if($password != $repassword) {
alert("两次密码不一致！");
return false;
}
</script>
</head>
<body>
<s:form onsubmit="return add()" action="addAction">
<s:textfield name="username" label="用户名"></s:textfield>
<s:password name="password" label="密码" id="password"></s:password>
<s:password name="repassword" label="确认密码" id="repassword"></s:password>
<s:select name="sex" list="{'男','女'}" label="性别" headerValue="性别"></s:select>
<s:textfield name="age" label="年龄"></s:textfield>
<s:textfield name="address" label="地址"></s:textfield>
<s:submit value="提交"></s:submit>
</s:form>
</body>
function add() {
var $password = $("#password").val();
var $repassword = $("#repassword").val();
if($password != $repassword) {
alert("两次密码不一致！");
return false;
}
</script>
</head>
<body>
<s:form onsubmit="return add()" action="addAction">
<s:textfield name="username" label="用户名"></s:textfield>
<s:password name="password" label="密码" id="password"></s:password>
<s:password name="repassword" label="确认密码" id="repassword"></s:password>
<s:select name="sex" list="{'男','女'}" label="性别" headerValue="性别"></s:select>
<s:textfield name="age" label="年龄"></s:textfield>
<s:textfield name="address" label="地址"></s:textfield>
<s:submit value="提交"></s:submit>
</s:form>
</body>
</html>
关键点在于onsubmit="return add()"，记住是return add(),不是简单的add().以前一直以为在这种地方写不写return都是一样的，现在才知道原来只有写了这个return才能取到这个false，虽然搞了一晚上，不过还是觉得值得！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
