未显示提交按钮[JsonForm库]

问题描述 投票:1回答:1

我正在使用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>

可能是什么原因?

javascript html json
1个回答
0
投票

您需要在“表单”部分中为submit或“ *”放置一个定义,并将“ onSubmit”移到根之外。

© www.soinside.com 2019 - 2024. All rights reserved.