jQuery实现表单验证

使用jQuery实现表单验证，供大家参考，具体内容如下

register.html

    
    
    
    
    
    



    
用户注册
    
    

    

        

            

                

                    用户名
                
                

                    
                
            
            

                

                    密码
                
                

                    
                
            
            

                

                    Email
                
                

                    
                
            
            

                

                    姓名
                
                

                    
                
            
            

                

                    手机号
                
                

                    
                
            
            

                

                    性别
                
                

                     男
                     女
                
            
            

                

                    出生日期
                
                

                    
                
            
            

                

                
                

                    
                    
                
            
        
    

后台处理代码也可以不看，只是前后端进行交互需要，RegisterServlet.java

package com.demo.servlet;
 
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 java.io.IOException;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;
 
@WebServlet("/registerServlet")
public class RegisterServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        Map parameterMap = req.getParameterMap();
        Set keySet = parameterMap.keySet();
        Iterator iterator = keySet.iterator();
        while (iterator.hasNext()) {
            String key = iterator.next();
            System.out.println(key + ":" + parameterMap.get(key)[0]);
        }
//        String str="{flag:true,errorMsg:'注册失败'}";// 错误范例
        String str="{\"flag\":\"true\",\"errorMsg\":\"注册失败\"}";
        resp.setContentType("application/json;charset=utf-8");
        resp.getWriter().print(str);
    }
 
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

效果：

本节代码地址：Demo

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。