以 html 形式输入日期后如何修复 400 bad request 错误？

Question

我有一个表格，用户可以选择输入生日。我正在使用 vue.js 并使用 new FormData() 发送请求。如果我不填写生日字段[HTTP/1.0 400 BAD REQUEST 272ms] *errors Object {birthday: […] } * birthday [“Not a valid date.”， 它会给我错误。] 0“不是有效日期。” 如果我填写该字段，它就可以工作，但我希望它是可选的。

谢谢。

超文本标记语言

<input

  id="birthday"

  v-model="newUser.birthday"

  class="form-control"

  placeholder="birthday (Opt)"

  type="date"

 />   

视图.js

  new Vue({

    el: "#app",

    delimiters: ["[[", "]]"],

    data() {

      return {

       newUser: {

         name: "",

         surname: "",

         email: "",

         title: "",

         birthday: "",

         employee_number: "",

         monthly_meal_limit: "",   

         max_meal_amount: ""

       },

      };

    },

发送请求的函数

      sendInvite(newUser) {

        let inputCheck = this.validateBeforeSubmit(newUser);    

        

        if(inputCheck) {

        let fd = new FormData();

        

        fd.append("name", newUser.name);

        fd.append("surname", newUser.surname);

        fd.append("email", newUser.email);

        fd.append("title", newUser.title)

        fd.append("employee_number", newUser.employee_number)

        fd.append("birthday", newUser.birthday)

        

        let token = this.getCsrfToken()

        const headers = new Headers({

          "X-CSRFToken": token

        })

       

        //send  the request with the formdata

        let req = new Request(apiPath, {

            body: fd,

            headers,

            method: "POST"

        });

        fetch(

            req)

        .then((response) => response.json())

        .then((data) => {

          this.addNewForm = false,

            this.newUser = {

              name: "",

              surname: "",

              email: "",

              title: "",

              employee_number: 0,

              birthday: ""

            },

            this.getInvites()

        })

            .catch((error) => console.log("error", error));

        }

    }

     

Answer 1

如果后台可以的话也许你可以这样做。并且不要将生日字段添加到表单中&nbsp; &nbsp; &nbsp; let inputCheck = this.validateBeforeSubmit(newUser);&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(inputCheck) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let fd = new FormData();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fd.append("name", newUser.name);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fd.append("surname", newUser.surname);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fd.append("email", newUser.email);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fd.append("title", newUser.title)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fd.append("employee_number", newUser.employee_number)&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;if(newUser.birthday && newUser.birthday.length > 0){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fd.append("birthday", newUser.birthday)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;......&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;