Недавно я столкнулся с проблемой, из-за которой на консоли выдается ошибка валидатора, когда я пытаюсь отправить что-то в форму.Я использую Angular 7 для отправки данных на сервер, который является playframeworks.Эта ошибка появляется, прежде чем я даже пытаюсь что-то отправить.На самом деле, как только я выбираю форму на панели навигации, появляется эта ошибка.Хотя IntelliJ не дает мне никаких ошибок, это происходит на консоли Google.И значения не анализируются на серверной части, поэтому я предполагаю, что где-то произошла ошибка.Вот код HTML
[![enter image description here][1]][1]
<div class="feedback-background" >
<div class="feedback-content">
<div class="close">+</div>
<h3><u>Adding Items Section</u></h3>
<form formGroup="page2form" >
Book Title:
<input id="Name" type="text" placeholder="Name"
formControlName="bookname" >
Author:
<input id="Author" name="Author" type="text" placeholder="Author or
producer" formControlName="Authorname">
ISBN ID :<br>
<input id="isbnid" name="isbnid" type="number" placeholder="ISBN"
formControlName="BookISBN">
Date Published :
<input id="date" name="date" type="date" placeholder="Date Published" formControlName="publisheddate">
Publisher Name :
<input id="publisher" name="publisher" type="text" placeholder="Publisher Name" formControlName="publishernm">
No Of Pages :
<input id="noOfPages" name="noofpages" type="number" placeholder="No Of Pages" formControlName="noofpages">
Price :
<input id="price" name="price" type="text" placeholder="Price" formControlName="price">
<input type="submit" id="submit" (submit)="addchosenBook()" value="Add Books" >
<input type="reset" id= "reset" style="width:83px" value="Clear " >
</form>
heres component.ts
import { Component, OnInit } from '@angular/core';
import {HttpClient} from "@angular/common/http";
import {AppService} from "../app.service";
import {FormControl, FormGroup, FormsModule, ReactiveFormsModule,
Validators} from "@angular/forms";
@Component({
selector: 'app-page2',
templateUrl: './page2.component.html',
styleUrls: ['./page2.component.css']
})
export class Page2Component implements OnInit {
page2form :FormGroup;
private page2link ='/api/page2'
constructor(private http:HttpClient,private appService:AppService) { }
ngOnInit() {
this.page2form= new FormGroup({
bookname : new FormControl('',Validators.required),
Authorname: new FormControl('',Validators.required),
BookISBN : new FormControl('',Validators.required),
publisheddate : new FormControl('',Validators.required),
publishernm : new FormControl('',Validators.required),
noofpages : new FormControl('',Validators.required),
price : new FormControl('',Validators.required),
});
}
addchosenBook() {
let books =JSON.stringify(this.page2form.value);
this.appService.sendData(this.page2link,books).subscribe();
console.log(this.page2form);
}
}
Вот серверная часть javacode playframework
public Result addBooks() {
System.out.println(request().body().asText());
JsonNode jsonNode = Json.toJson(new AppSummary("Book Added
Successfully"));
JsonNode json =Json.parse(request().body().asText());
String bktitle= json.get("bookname").asText();
String authname= json.get("Authorname").asText();
int bkisbn= Integer.parseInt((json.get("BookISBN").asText()));
String publisher=(json.get("publishernm")).asText();
int noOfPages=(json.get("noofpages")).asInt();
DateTime pubDate = new DateTime();
LibraryItem b1= new
Book(bktitle,pubDate,bkisbn,authname,publisher,noOfPages);
System.out.println("ISBN : "+bkisbn);
return ok(jsonNode).as("application/json");
}
Я пыталсяраспечатать внутренние значения с помощью system.out.print (bkisbn), но он ничего не печатал обратно, поэтому я уверен, что где-то произошла ошибка.