算是一些前端小筆記

第一章：直接在本頁面上用Jqury驗證並輸出。
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../jquery-1.12.0.js"></script>
<script type="text/javascript">
$(function(){
  $("#sub").click(function(){
   var name=$("#name").val();
   var sex=$("#sex").val();
   $("p#span1").text("");
   if(sex=="男"){
    $("p#span1").append(name+"先生");
   }
   else if(sex=="女"){
    $("p#span1").append(name+"女士");
   }
   else{
    $("p#span1").append("請輸入正確的性別")
   }
  })
})
</script>
</head>
<body>
請輸入姓名：<input type="text" name="name" id="name"><br/>
請輸入性別：<input type="text" name="sex" id="sex"><br/>
<input type="submit" value="提交" id="sub"><br/>
<p name="span1" id="span1"></p>
</body>
</html>

第二章：表單
單選 radio
多選 checkbox
下拉框 <select name=""><option value=""> 多選multiple
文字框 textarea
另一個頁面上顯示：
<%
request.setCharacterEncoding("utf-8");
String name=request.getParameter("name");
String[] hobbys=request.getParameterValues("hobby");
%>
喜歡的花：<%for(int i=0;i<flowers.length;i++)
{
out.print(" "+flowers[i]);
}%><br/>
標準時間：
SimpleDateFormat formatter=new SimpleDateFormat("yyyy-MM-ddHH:mm:ss");//控制時間的格式
String time=formatter.format(new Date());
請求：
session.setAttribute("name", name);
session.setAttribute("time", time);
response.sendRedirect("Welcome.jsp");
接受：
String name=(String)session.getAttribute("name");
String time=(String)session.getAttribute("time");
自動刷新：
response.setHeader("Refresh","3;URL=http://localhost:8080/Work_2/Login.jsp");
按鈕轉換：
<input type="submit" onclick="location.href='Finish.jsp'" value="確定">

留言板：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="java.util.*,java.text.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%!
List<String[]> messages=null;
synchronized void add(String title,String message,String time)
{
  ServletContext application=getServletContext();
  messages=(List<String[]>)application.getAttribute("messages");
  if(messages==null)
  {
   messages=new ArrayList<String[]>();
  }
   String[] m=new String[3];
   m[0]=title;
   m[1]=message;
   m[2]=time;
   messages.add(m);
   application.setAttribute("messages", messages);
}

%>
<%
request.setCharacterEncoding("utf-8");
String title=request.getParameter("title");
String message=request.getParameter("message");
String time=request.getParameter("time");
add(title,message,time);
for(int i=0;i<messages.size();i++)
{
  String[] s=(String[])messages.get(i);
  out.println("---------------------");%><br/><%
  out.println("留言標題"+s[0]);%><br/><%
  out.println("留言內容"+s[1]);%><br/><%
  out.println("留言時間"+s[2]);%><br/><%
  out.println("---------------------");%><br/><%
}
%>
<a href="Message.jsp">繼續留言</a>
</body>

</html>

第三章：表單驗證
Scricpt：
<input type="submit" value="確定" onclick="return Check()">

Html5:

<body>
<form action="Finish.jsp" method="post">
用戶名：<input type="text" name="name" id="name" required="required"><br/>
密碼：<input type="password" name="password1" id="password1" required="required"><br/>
確認密碼：<input type="password" name="password2" id="password2" required="required"><br/>
郵箱：<input type="text" name="email" id="email" required="required"><br/>
qq號：<input type="text" pattern="^[0-9]*$" name="qq" id="qq"><br/>
出生年月日：<input type="date" name="time" id="time"><br/>
年齡：<input type="number" name="age" id="age" max="100" min="0"><br/>
<input type="submit" value="確定" onclick="return Check()">
</form>
</body>

Jqurey1:
<script type="text/javascript">
$(function(){
$("#reg").validate();
});
</script>

jQ2:
<script type="text/javascript">
$(function(){
  $("#reg").validate({
   rules:{
    name:{
     required:true,
     rangelength:[2,10]
    },
    password1:{
     required:true,
     minlength:6
    },
    password2:{
     required:true,
     minlength:6,
     equalTo:"#password1"
    },
    email:{
     required:true
    },
    qq:{
     number:true
    },
    age:{
     number:true,
     min:0,
     max:100
    }
   },
   messages:{
    equalTo:"兩次密碼不一致"
   }
  });
});
</script>

jQ3:
<script type="text/javascript">
$(function(){

   /* 設置默認屬性    */
   $.validator.setDefaults({
       submitHandler: function(form) {
          form.submit();
      }
});
//通過addMethod()方法添加自定義規則
/*大陸身份證號碼驗證，身份證號碼爲15位或18位的全數字，或者18位時前17位是數字，最後一位是校驗位，可能是數字或字符X或x */
jQuery.validator.addMethod("isIdCardNo", function(value, element) {
   var cardNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; //正則表達式
   return this.optional(element) || (cardNo.test(value));
}, "請正確輸入您的身份證號碼");

// 聯繫電話(手機/電話皆可)驗證
jQuery.validator.addMethod("isPhone", function(value,element) {
      var length = value.length;
      // 010-12345678   0102-12345678
      var phone = /^((\d{3}-\d{8}|\d{4}-\d{7,8})|(1[3|5|7|8][0-9]{9}))$/;
      return this.optional(element) || (phone.test(value));
   }, "請正確填寫您的聯繫電話");

//郵政編碼驗證
jQuery.validator.addMethod("isZipCode", function(value, element) {
      var zipCode = /^[0-9]{6}$/;
      return this.optional(element) || (zipCode.test(value));
}, "請正確填寫您的郵政編碼");

$("#reg").validate({
   rules:{
    phone:{
     isPhone:true
    },
    card:{
     isIdCardNo:true
    }
   }
  })
});
</script>

Span:
<script type="text/javascript">
function checkEmail(){
  console.log("aaaa");
  var email=document.getElementById("email");
  var span=document.getElementById("emailinfo");
  if(email.value==""){
   span.innerHTML="email不能爲空";
   return false;
  }
  if(email.value.indexOf('@')==-1||email.value.indexOf('.')==-1){
   span.innerHTML="郵箱中必須包含@和.";
   return false;
  }
  //證明驗證通過了將信息清除
  span.innerHTML="";
}
</script>
</head>
<body>
郵箱：<input type="email" name="email" id="email" onblur="checkEmail()">
<span id="emailinfo"></span>
</body>

servlet:
jsp:
<body>
${param.info}
<form action="Loginservlet" method="post">
  用戶名：<input type="text" name="name"><br/>
  密碼：<input type="password" name="password"><br/>
  <input type="submit" value="提交">
</form>
</body>

servlet:

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

@WebServlet(name="Loginservlet",urlPatterns= {"/Loginservlet"})

/**
* Servlet implementation class Work_1
*/
public class Loginservlet extends HttpServlet {
private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public Loginservlet() {
        super();
        // TODO Auto-generated constructor stub
    }

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  request.setCharacterEncoding("utf-8");
  String name=request.getParameter("name");
  String password=request.getParameter("password");
  if(name.equals("admin")&&password.equals("123")) {
   HttpSession session=request.getSession();
   session.setAttribute("name", name);
   session.setAttribute("password", password);
   response.sendRedirect("Login.jsp");
  }else {
   request.getRequestDispatcher("regist.jsp?info=用戶名密碼有誤").forward(request, response);
  }

}

}

算是一些前端小筆記

推薦2款開源、美觀的WinForm UI控件庫

NET9 AspnetCore將整合OpenAPI的文檔生成功能而無需三方庫

office2016 激活碼

數據庫+js

【藍橋杯】入門訓練序列求和

藍橋杯2012決賽-星期幾

算是一些前端小筆記

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結