javaweb基础2

最新推荐文章于 2025-12-08 01:30:34 发布

原创最新推荐文章于 2025-12-08 01:30:34 发布 · 347 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#string #struts #input #action #正则表达式 #function

接上一篇，这只是用于加深自己理解的文章（其实就是为了巩固一下知识），没什么技术含量，各位大侠看到了，感觉不对的地方，谢谢指正！

1、表单验证的问题（js）

在html页面中写验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Select</title> <script type="text/javascript" src="js/prototype-1.6.0.3.js"> </script> <script type="text/javascript"> function validateForm(){ var form = $('f1'); var b = validateUser(form['user']) & validatePwd(form['pwd']) & validatePwd1(form['pwd1'], form['pwd']) & validateEmail(form['email']); return b == 0 ? false : true; } function validateUser(f){ $('user_error').innerHTML = ""; f.className = ""; var value = f.value.strip(); // java trim if (value.length == 0) { $('user_error').innerHTML = "用户必须填写"; f.className = "error"; return false; } return true; } function validatePwd(f){ $('pwd_error').innerHTML = ""; f.className = ""; var value = f.value.strip(); if (value.length < 6) { $('pwd_error').innerHTML = "密码必须大于6位"; f.className = "error"; return false; } return true; } function validatePwd1(f, f1){ $('pwd1_error').innerHTML = ""; f.className = ""; var value = f.value.strip(); if (value != f1.value.strip()) { $('pwd1_error').innerHTML = "两次输入密码必须相等"; f.className = "error"; return false; } return true; } function validateEmail(f){ var re = /^[a-z]([a-z0-9]*[-_]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[/.][a-z]{2,3}([/.][a-z]{2})?$/i; $('email_error').innerHTML = ""; f.className = ""; var value = f.value.strip(); if (!re.test(value)) { $('email_error').innerHTML = "必须填入有效的Email"; f.className = "error"; return false; } return true; } </script> </head> <body> <div id="d1" style="top:20px; left:100px; width:500px; height:320px"> <div id="d_head" style="height:20px"> Form </div> <div id="d_body" align="center" style="height:300px"> <p> <h3>请填写用户信息</h3> </p> <form action="#" method="get" id="f1" onsubmit="return validateForm();"> <table width="90%" border="0"> <tr align="left"> <td width="10%"> 用户名： </td> <td align="left"> <input type="text" name="user" onblur="validateUser(this);"/><span id="user_error" class="s1"></span> </td> </tr> <tr align="left"> <td width="30%"> 密码： </td> <td> <input type="password" name="pwd" onblur="validatePwd(this);"/><span id="pwd_error" class="s1"></span> </td> </tr> <tr align="left"> <td width="30%"> 再次输入密码： </td> <td> <input type="password" name="pwd1" onblur="validatePwd1(this, document.forms['f1']['pwd']);"/><span id="pwd1_error" class="s1"></span> </td> </tr> <tr align="left"> <td width="30%"> 电子邮件： </td> <td> <input type="text" name="email" onblur="validateEmail(this);"/><span id="email_error" class="s1"></span> </td> </tr> <tr align="left"> <td colspan="2"> <input type="submit" value="Submit"><input type="reset" value="Reset"> </td> </tr> </table> </form> </div> </div> </body> </html>

表单的图片显示为：

当然这是由css的情况。

程序中还用到了prototype-1.6.0.3.js，它是一个牛逼的框架（事实上是JavaScript库），代码中的$('f1')相当于JavaScript中的document.getElementById('f1')

整个程序的主要作用是当鼠标焦点失去的时候，它会做一个验证（如然你必须写用户名），就像代码中所写的那样，密码必须大于或者等于6位，两次的密码必须相等。对电子邮件的格式要求为以字母开头，可以加数字，用的是正则表达式，我不懂正则表达式。

2、文件上传（用struts2）

当然这里只是最简单的文件上传程序

a、先写一个jsp页面（如下，放在WebRoot下）

b、编写上传文件的Action类

package action; import java.io.*; public class UploadAction { private File file;//封装上传文件域的属性 private String fileFileName;//封装上传文件名的属性 private String fileContentType;//封装上传文件类型的属性 private String uploadPath;//封装上传文件保存的路径，通过配置文件配置 public File getFile() { return file; } public void setFile(File file) { this.file = file; System.out.println(file); } public String getFileFileName() { return fileFileName; } public void setFileFileName(String fileFileName) { this.fileFileName = fileFileName; System.out.println(fileFileName); } public String getFileContentType() { return fileContentType; } public void setFileContentType(String fileContentType) { this.fileContentType = fileContentType; } public String getUploadPath() { return uploadPath; } public void setUploadPath(String uploadPath) { this.uploadPath = uploadPath; } public String execute() throws Exception { // Stream Copy... FileOutputStream fos=new FileOutputStream(uploadPath+fileFileName); InputStream is=new FileInputStream(file); byte[] buffer=new byte[5120]; //每次读5k字节 int count=0; while((count=is.read(buffer))>0){ fos.write(buffer, 0, count); } fos.close(); is.close(); return "success"; } }

c、配置上传文件的Action类

配置文件名为struts.xml，此配置文件放在src目录下

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <package name="package-one" extends="struts-default" namespace="/one"> <action name="upload" class="action.UploadAction"> <result name="success">/upload_form.jsp</result> <param name="uploadPath">f:/share/</param> </action> </package> </struts>

我上传的路径是f:/share下。如上，一个简单的文件上传就完成了。