含有百度富文本框的用户添加_富含文本框-CSDN博客

本文链接：https://blog.csdn.net/zhangludcsdn/article/details/78092959

<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>人力资源管理系统</title>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/lang/zh-cn/zh-cn.js"></script>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css ">
	<script type="text/javascript" src="${pageContext.request.contextPath}/Js/jquery.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/Js/typem.js"></script>
	<script type="text/javascript">
        var ue ;
        window.οnlοad=function(){

            document.getElementById("username").οnblur=function(){
                var name = $("#username").val();
                var filter  = /^[0-9A-Za-z.@-_]{6,16}$/;
                var a="1";
                $.ajax({
                    type : 'POST',
                    url : '${pageContext.request.contextPath}/users/verifyName?name='+name,
                    contentType: "application/json; charset=utf-8",
                    //data : {"name":name},
                    dataType : 'json',
                    success : function(data) {
                        if(data.code =="000001"){
                           console.info(data.msg)
							 a=data.msg;
                            if (filter.test(name))
                            {
                                document.getElementById("msg").innerHTML=a+'，格式正确';
                            }

                            else{
                                document.getElementById("msg").innerHTML='应为数字 字符 . @ - _ 字符组成 6到16个字符';
                                return ;
                            }
                          // document.getElementById("msg").innerHTML=data.msg;
                        }else if(data.code =="000002"){
                           a=data.msg;
                            //document.getElementById("msg").innerHTML=data.msg;

                        }

                    }
                });


            }
           ue = UE.getEditor('content');
        }

        function formsubmit(){
            var params = {};
            var name = $("#username").val();
            var rel_name = $("#name").val();
            var password = $("#password").val();
            var birthday = $("#birthday").val();//获取值
            var sex=$('input:radio:checked').val();
            //var isadmin=$('input:checkbox:checked').val();
//            if($('input:checkbox:checked').val() == 'on'){
//                $("#isadmin").val("1");//传入值1
//            }else{
//
//                $("#isadmin").val("");//值亲空
//                $("#isadmin").val("0");
//            }

           var content=$("#content").val();
            if (name == null || "" ==name) {
                alert("用户名不能为空");
                return;
            }
            if (rel_name == null || "" ==rel_name) {
                alert("姓名不能为空");
                return;
            }
            if($("#msg").text() == "用户名不可用" ){
                return;
			}

            if (password == null || "" ==password) {
                alert("密码不能为空");
                return;
            }
            if (birthday == null || "" ==birthday) {
                alert("出生日期不能为空");
                return;
            }
      //   var data1 =$('#userForm').serialize();
           // console.info(JSON.stringify($('#userForm').serialize()));*/
            params.name=rel_name;
            params.username=name;
            params.password = password;
            params.birthday=birthday;
            params.sex=sex;
            params.content=ue.getContent();
            $.ajax({
                type : 'POST',
                url : 'http://localhost:8080/hrm/users/addUser',
              ///  contentType: "application/json; charset=utf-8",
               data :{"users":JSON.stringify(params)},
                dataType : 'json',
                error : function(data) {
                    alert("请求失败，网络异常")
                    console.log(data);
                },
                success : function(data) {
                    if(data.code =="000000") {
                        alert(data.msg);
                    }else{
                        alert(data.msg);
                    }
                }
            });
    }
        </script>


	<style type="text/css">
		<!--
		.atten {font-size:12px;font-weight:normal;color:#F00;}
		-->
	</style>

</head>
<body class="ContentBody">
<form id="userForm" >
	<div class="MainDiv">
		<table width="99%" border="0" cellpadding="0" cellspacing="0" class="CContent">
			<tr>
				<th class="tablestyle_title" >人员信息录入</th>
			</tr>
			<tr>
				<td class="CPanel">

					<table width="90%" border="0" cellpadding="0" cellspacing="0" style="width:80%" align="center">
						<tr>
							<td align="left">
							<%--<input type="submit"value="保存" class="button"/>　--%>


						</td>
						</tr>

						<TR>
							<TD width="100%">
								<fieldset style="height:100%;">
									<legend>人员信息</legend>
									<table width="100%" border="0" cellpadding="2" cellspacing="1" style="width:100%">
										<tr>
											<td nowrap align="right" width="9%">用户名：</td>
											<td width="36%">
												<input name="username" type="text" class="input" id="username"/>
												<span class="red">*</span> <span id="msg"></span></td>
											<td nowrap align="right" width="9%">真实姓名：</td>
											<td width="36%">
												<input name="name" type="text" class="input" id="name"/>
												<span class="red">*</span> </td>

										</tr>
										<tr>
											<td width="12%"><div align="right">登陆密码：</div></td>
											<td width="43%">
												<input name="password" type="password" class="input" id="password" />
												<span class="red">*</span></td>

											<td><div align="right"><label for="birthday">出生日期：</label></div></td>
											<td>
												<input name="birthday" type="date" class="input" id="birthday"/>
												<span class="red">*</span></td>

											<%--<input  name="birthday" id="birthday" type="text"  />--%>
											</td>
										</tr>
										<tr>
											<td nowrap align="right" width="9%">性别：</td>
											<td>
												<input name="sex" type="radio" value="1" checked> 男
												<input name="sex" type="radio" value="0">女</td>
										</tr>
										<tr>
											<%--<td nowrap align="right">是否管理员：</td>--%>
											<%--<td>--%>
												<%--<input type="checkbox">--%>
												<%--<input type="hidden"  name="isadmin" id="isadmin"></td>--%>
											<td> </td>
											<td> </td>
										</tr>
										<tr>
											<td nowrap align="right">人员简介：</td>
											<td colspan="20">
												<div data-option="region:'center',title:'内容'">
													<textarea name="content" cols="100" rows="6" class="input" id="content"></textarea>

													<%--<script type="text/javascript" charset="utf-8">--%>
                                                        <%--UE.getEditor('content');--%>
													<%--</script>--%>
												</div>
												</td>
										</tr>
									</table>
									<br />
								</fieldset>
							</TD>

						</TR>
					</TABLE>
				</td>
			</tr>
			<TR>
				<TD colspan="2" align="center" height="50px">
					<%--<button οnclick="submit()">保存</button>--%>
					<input name="提交" type="button" class="button" value="保存" οnclick="formsubmit()">　
					<input name="重置" type="reset" class="button" value="重置"/></TD>
			</TR>
		</TABLE>
	</div>


</form>


</body>
</html>

 @RequestMapping(value ="/addUser",method = RequestMethod.POST,produces = "application/json;charset=utf-8")
    public @ResponseBody
    String add(HttpServletRequest req) {
        JsonResult jsonResult = new JsonResult();
        try {

            //p.setAttribute(user.getUsername(),user);
            String users = req.getParameter("users");
            Users  user = JSON.parseObject(users,Users.class);
          /*  users.setName(new String(users.getName().getBytes("iso-8859-1"),"utf-8"));
            users.setContent(new String(users.getContent().getBytes("iso-8859-1"),"utf-8"));*/
            userService.insertUser(user);
            jsonResult.setCode("000000");
            jsonResult.setMsg("添加成功");

        } catch (Exception e) {
            e.printStackTrace();
            jsonResult.setCode("000001");
            jsonResult.setMsg("添加不成功");
        }
        return JSON.toJSONString(jsonResult);
    }