Задать вопрос
@GIRUPC
Веб-программист

Как отключить валидацию в react-jsonschema-form?

Как отключить валидацию в react-jsonschema-form?
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <link rel="shortcut icon" type="image/png" href="favicon.png">
    
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?7538">
	<link rel="stylesheet" type="text/css" href="style.css?7153">
	<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
	
	<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
	<script src="https://unpkg.com/@rjsf/core/dist/react-jsonschema-form.js"></script>
	
    <title>Home</title>

<!-- Analytics -->
 
<!-- Analytics END -->
    
</head>
<body>
<!-- Main container -->
<div class="page-container">
    
<!-- bloc-0 -->
<div class="bloc l-bloc " id="bloc-0">
	<div class="container bloc-lg">
		<div class="row">
			<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
				<div id="app"></div>
				
			</div>
		</div>
	</div>
</div>
<!-- bloc-0 END -->

<!-- ScrollToTop Button -->
<a class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><span class="fa fa-chevron-up"></span></a>
<!-- ScrollToTop Button END-->


</div>
<!-- Main container END -->
    

<script src="./js/jquery-3.3.1.min.js?5100"></script>
<script src="./js/bootstrap.bundle.min.js?1213"></script>
<script src="./js/blocs.min.js?7089"></script>
<script src="./js/lazysizes.min.js" defer></script>
<!-- Additional JS END -->


<script>
	//let schema;

	const Form = JSONSchemaForm.default;
	console.log(Form);
	const onSubmit = ({ formData }) => console.log("Data submitted: ", formData);
	let yourForm;
	

	(async () => {
		const data = await fetch('http://localhost/lk-ssl/hs/json/forma_2')   // дописать параметры типа /url?param1=100
		const schema = await data.json();
		//console.log(schema); 

		ReactDOM.render(
		React.createElement(
			Form,
			{ 
				schema: schema,
				onSubmit: onSubmit

вот эти параметры не помогли 
                                //liveValidate:false,
				//noHtml5Validate:true,
				//NOVALIDATE:true,
				//OnError:false,
			}
		),
		document.getElementById("app"));
	})();
	
	
	


</script>

<!-- Preloader -->
<div id="page-loading-blocs-notifaction" class="page-preloader"></div>
<!-- Preloader END -->

</body>
</html>

При корректном заполнение данные не отправляются и выдается сообщение об ошибке. Можно ли как то попытаться обойти валидацию и попробовать отправить данные? Сообщение об ощибке Errors
.properties['familiya'].required should be array
.properties['data_rozhdeniya'].required should be array
.properties['vozrast'].required should be array

Вот json который приходит
{
    "title": "Название формы",
    "type": "object",
    "properties": {
        "familiya": {
            "title": "Фамилия",
            "description": "Фамилия",
            "type": "string",
            "name": "familiya"
        },
        "data_rozhdeniya": {
            "title": "Дата рождения",
            "description": "Дата рождения",
            "type": "object",
            "name": "data_rozhdeniya",
            "properties": {
                "date": {
                    "type": "string",
                    "format": "date"
                }
            }
        },
        "vozrast": {
            "title": "Возраст",
            "description": "Возраст",
            "type": "number",
            "name": "vozrast"
        }
    },
    "required": [
        "Фамилия",
        "Дата рождения"
    ]
}


Делалось по примерам из этого сайта https://rjsf-team.github.io/react-jsonschema-form/
  • Вопрос задан
  • 109 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы