zoukankan      html  css  js  c++  java
  • 校验-js 页面+controller

    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>添加页面</title>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/index2.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/jquery-3.2.1.js" ></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/jqueryvalidate/jquery.validate.js" ></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/jqueryvalidate/localization/messages_zh.js" ></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/jqueryvalidate/additional-methods.js" ></script>
    </head>
    <body>
    <form action="add" method="post">

    <fieldset>
    <p>
    <label for="name">姓名:</label><input name="name" id="name">
    <label for="cardid">身份证号:</label><input name="cardid" id="cardid">
    <label for="birthday">生日:</label><input name="birthday" id="birthday">
    <label for="schoold">学校:</label><input name="schoold" id="schoold">
    <label for="image">图片:</label><input name="image" id="image">
    <label for="shengid">省:</label><input name="name" id="name">
    <label for="shiid">市:</label><input name="name" id="name">
    <label for="xianid">县:</label><input name="name" id="name">

    </p>
    <p>
    <label for="schoold">学校</label>
    <select onchange="onSchoolChange()" id="schoold" name="schoold">
    <option value="0">---请选择---</option>
    <c:forEach items="${schoolList}" var="school">
    <option value="${school.id}">${school.name}</option>
    </c:forEach>
    </select>
    <label for="address">地址</label><input disabled="disabled" name="address" id="address">
    <label for="tel">电话</label><input disabled="disabled" name="tel" id="tel">
    </p>
    </fieldset>

    </form>
    </body>
    <script type="text/javascript">

    function onSchoolChange(){
    var sid = ${"#schoold"}.val();
    $.post("./getSchool",{id:sid},function(data){
    $("#address").val(data.address);
    $("#tel").val(data.tel);
    })
    }

    </script>
    </html>

    -----------------------------

    package com.lzl.controller;

    import org.apache.dubbo.config.annotation.Reference;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.ResponseBody;

    import com.lzl.service.UserService;

    @Controller
    public class UserController {

    @Reference
    UserService service;

    @RequestMapping("validate")
    public String myvalidate() {

    return "myvalidate";

    }

    @RequestMapping("checkExist")
    @ResponseBody
    public boolean checkExist(String username) {
    return !"zhangsan".equals(username);
    }

    }

  • 相关阅读:
    基于jQuery的自定义插件:实现整屏分页转换的功能
    蝶恋花
    js中面向对象编程
    移动端web页面列表类上拉加载,查看详情,iframe嵌套第三方页面遇到的问题以及解决办法
    控制使用jquery load()方法载入新页面中的元素
    bootstrap-daterangepicker双日历控件开始日期选择问题
    点击select下拉框获取option的属性值
    bootstrap table表格前台分页,点击tab选项,重新刷新表格
    jquery中使元素显示和隐藏方法之间的区别
    jquery对象和DOM对象的相互转换
  • 原文地址:https://www.cnblogs.com/liuzhaolong/p/13065888.html
Copyright © 2011-2022 走看看