我正在使用JsonForm库(https://github.com/jsonform/jsonform)描述html中的表单,并且已经定义了JsonForm结构的架构和形式,但是启用发送按钮的“ onSubmit”函数不起作用。该按钮不出现。
我的JavaScript代码如下(data.js):
$('#myForm').jsonForm({
schema: {
Min: {
type: 'integer',
title: 'Minimo(%):',
minimum: 0,
maximum: 100,
},
Max: {
type: 'number',
title: 'Máximo (%):',
minimum: 0,
maximum: 100,
}
},
form: [
{
key:'Min',
type:'number',
htmlClass: 'col-md-2'
}
],
onSubmit: function (errors, values){
if (errors) {
alert(errors);
}
else {
document.getElementById("selectedComponents").innerHTML = "it works";
}
}
});
我的html定义如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>web</title>
<link rel="stylesheet" style="text/css" href="css/bootstrapCss/bootstrap.css" />
<link rel="stylesheet" style="text/css" href="css/newCss.css" />
</head>
<body onLoad="createInitOptions()">
<br>
<div class="row">
<div class="col-md-3 text-center" id="selectedComponents">
</div>
<div class="row">
<div class="col-md-5 text-center">
</div>
<div class="col-md-4" id="component">
<div class="form-group">
<form id="myForm"></form>
<div id="res" class="alert">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/underscore.js"></script>
<script type="text/javascript" src="js/jsv.js"></script>
<script type="text/javascript" src="js/jsonform.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>
可能是什么原因?
您需要在“表单”部分中为submit或“ *”放置一个定义,并将“ onSubmit”移到根之外。