表单验证

最新推荐文章于 2024-08-02 00:06:19 发布

sundancer_lilong

最新推荐文章于 2024-08-02 00:06:19 发布

阅读量333

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/sundancer_lilong/article/details/49741891

版权

jquery 专栏收录该内容

5 篇文章

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String basePathPublic="http://www.***.cn/Resource/Public/";
String basePathProject="http://www.***.cn/Resource/Project/manage2-0/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>第三方应用查询页面</title>



<link href="<%=basePathPublic%>css/bootstrap.min.css" rel="stylesheet">
<link href="<%=basePathProject%>css/main.css" rel="stylesheet">
<link href="<%=basePathProject%>css/hy.css" rel="stylesheet">
<script type="text/javascript" src="<%=basePathPublic%>js/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
var isnull = true;//输入项是否符合要求,true不符合，false符合
var jsonData={};//表单的json实体类
$("#cancel").click(function(){
//重定向到show页面
//history.back();
parent.window.location.href= 'http://www.elianda.cn/yiwei-core/applicationmanage/getapplicationshow';
});
//进行form中inpu输入框中输入数据的验证--this.value.lenth内容长度判断
$("form :text").blur(function(){
//首先清空
if($(this).is("#applicationname")){
if(this.value==""){
$("#applicationnamemsg").html("功能名称不能为空");
isnull = true;
}else{
$("#applicationnamemsg").html("");
isnull = false;
}
jsonData["applicationname"] = this.value;
}
if($(this).is("#appdescription")){
if(this.value==""){
$("#appdescriptionmsg").html("功能描述信息不能为空");
isnull = true;
}else{
$("#appdescriptionmsg").html("");
isnull = false;
}
jsonData["appdescription"] = this.value;
}
if($(this).is("#appcontext")){
if(this.value==""){
$("#appcontextmsg").html("APP对应的上下文不能为空");
isnull = true;
}else{
$("#appcontextmsg").html("");
isnull = false;
}
jsonData["appcontext"] = this.value;
}
if($(this).is("#realpath")){
if(this.value==""){
$("#realpathmsg").html("APP部署的路径不能为空");
isnull = true;
}else{
$("#realpathmsg").html("");
isnull = false;
}
jsonData["realpath"] = this.value;
}

}).keyup(function(){
//输入框输入变化,触发时间
$(this).triggerHandler("blur");
});
//使用ajax向后台提交数据---之后刷新页面
$("#submit").click(function(){
//给所有的input初始化
$("form :text").trigger('blur');
var ajaxurl = "/yiwei-application/application/applicationadd";
//获取radio的数据
var currentstate = $('input[name="currentstate"]:checked').val();
jsonData["currentstate"] = currentstate;
if(isnull){
alert("输入信息不完整,请仔细检查输入项");
}else{
$.ajax({
type : "POST",
url : ajaxurl,
async:false,//是ajax的请求是同步的允许赋值
data : {"jsonobj":JSON.stringify(jsonData)},
success : function(data) {
if(data.success){
//成功
alert("添加数据成功");
window.parent.postMessage(data.o,'*');
}else{
alert("添加数据失败");
}
}
});
}
});

});
</script>
</head>
<body onLoad="parent.postMessage(document.body.scrollHeight, '*');">
<form class="form-horizontal iframe" id="dataform" action="" enctype="multipart/form-data" method="post">
<div class="form-group">
<label class="col-sm-4 col-xs-5 col-md-4 control-label">功能名称*</label>
<div class="col-sm-5 col-xs-5 col-md-4" id="contentdiv">
<input type="text" id="applicationname" name="applicationname" class="form-control" placeholder="" required>
</div>
<div class="col-sm-3 col-xs-2 col-md-4 tishi" id="applicationnamemsg"></div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-5 col-md-4 control-label">功能描述信息*</label>
<div class="col-sm-5 col-xs-5 col-md-4" id="contentdiv">
<input type="text" id="appdescription" name="appdescription" class="form-control" placeholder="" required>
</div>
<div class="col-sm-3 col-xs-2 col-md-4 tishi" id="appdescriptionmsg"></div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-5 col-md-4 control-label">APP对应的上下文*</label>
<div class="col-sm-5 col-xs-5 col-md-4" id="contentdiv">
<input type="text" id="appcontext" name="appcontext" class="form-control" placeholder="" required>
</div>
<div class="col-sm-3 col-xs-2 col-md-4 tishi" id="appcontextmsg"></div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-5 col-md-4 control-label">APP部署的路径*</label>
<div class="col-sm-5 col-xs-5 col-md-4" id="contentdiv">
<input type="text" id="realpath" name="realpath" class="form-control" placeholder="" required>
</div>
<div class="col-sm-3 col-xs-2 col-md-4 tishi" id="realpathmsg"></div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-5 col-md-4 control-label">当前运行状态*</label>
<div class="col-sm-5 col-xs-5 col-md-4">
<p class="mt7"><input type="radio" name="currentstate" id="currentstate" value="0" checked="checked">停止</p>
<p class="mt7"><input type="radio" name="currentstate" id="currentstate" value="1">启动</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="submit">提交</button>
<button type="button" class="btn btn-default" id="cancel">取消</button>
</div>
</form>
</body>
</html>