java validation、用鼠标事件或键盘事件提交表单

最新推荐文章于 2024-11-30 12:48:25 发布

个人向日记

最新推荐文章于 2024-11-30 12:48:25 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/hooandlee/article/details/90171007

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在Java环境中如何进行验证，并比较了使用鼠标事件和键盘事件提交表单的差异，主要涉及.jsp和.js文件的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

*.jsp

<script src="${basePath}/js/common/jquery-1.8.3.js" type="text/javascript"></script>
<script src="${basePath}/js/common/jQuery.md5.js" type="text/javascript"></script>
<script src="${basePath}/js/common/validation/jquery.validate.js" type="text/javascript"></script>
<script src="${basePath}/js/common/validation/messages_zh.js" type="text/javascript"></script>
<script src="${basePath}/js/system/login.js" type="text/javascript"></script>
	
<form id="mainForm" method="post" action="/login/validate">
    <input name="name" id="name" type="text" placeholder="用户名" />
    <input name="password" id="password" type="password" placeholder="密码"/>
    <input id="submit_login" type="button"  value="登录" />
</form>

*.js

$(function(){
//java validation	
	$("#mainForm").validate({
		rules:{
			"name":{
				required:true,
				minlength:4,
				maxlength:8
			},
			"password":{
				required:true,
				minlength:4
			}
		}
	});

//键盘事件	
	$("#mainForm").keydown(function(e){
		 var e = e || event,
		 keycode = e.which || e.keyCode;
		 if (keycode==13) {//enter键
		 $("#submit_login").trigger("click");
		 }
	});
	
//鼠标事件
	$("#submit_login").click(function(){
		if($("#password").val()){
			$("#password").val($.md5($("#password").val()));
		}
		$("#mainForm").submit();
	});
		
});