خطای The POST request not specify which form being submitted

از Blazor 9 دارم برای پروژم استفاده می کنم. یک فرم ساختم که دو تا input ساده داخلش دارم به همراه یک دکمه submit. موقعی که اطلاعات رو وارد میکنم و روی دکمه submit کلیک می کنم با خطای زیر مواجه میشم.

The POST request does not specify which form is being submitted. To fix this, ensure <forms> elements have a @formname attribute with any unique value, or pass a FormName parameter if using <EditForm>

کدهای مربوط به فرم من هم به صورت زیر هست :

<EditForm Model="Input" OnSubmit="SaveProductAsync">
   <input @bind=Input.Name type="text" class="form-control" id="name" placeholder="product name">
   <label for="name">Name</label>
      
   <input @bind=Input.Price type="number" class="form-control" id="price" placeholder="product price">
   <label for="price">Price</label>
       
   <div class="col-12">
       <button class="btn btn-primary" type="submit">Save</button>
   </div>
</EditForm>

@code {
    public ProductDto Input { get; set; }
    protected override void OnInitialized()
    {
        Input ??= new();
    }
}

مشخصات سوال کننده :

کاربر : hakan2025 امتیاز کاربر : 3 رتبه کاربر : 136

دسته بندی : Blazor

نظر ویرایش گزارش نشان

به این سوال امتیاز بدهید 0

تعداد بازدید این سوال : 608

هوش مصنوعی

پاسخ هوش مصنوعی

برای رفع خطای مربوط به عدم مشخص بودن فرم، شما باید یک ویژگی @formname برای عنصر <EditForm> اضافه کنید یا اگر از <EditForm> استفاده می کنید، پارامتر FormName را همراه با آن ارسال کنید. به کد شما اضافه کردن این ویژگی به شکل زیر است:

<EditForm Model="Input" OnSubmit="SaveProductAsync" @formname="productForm">
   <input @bind=Input.Name type="text" class="form-control" id="name" placeholder="product name">
   <label for="name">Name</label>
      
   <input @bind=Input.Price type="number" class="form-control" id="price" placeholder="product price">
   <label for="price">Price</label>
       
   <div class="col-12">
       <button class="btn btn-primary" type="submit">Save</button>
   </div>
</EditForm>

@code {
    public ProductDto Input { get; set; }
    protected override void OnInitialized()
    {
        Input ??= new();
    }
}

با این تغییر، خطا باید برطرف شود و فرم به درستی کار کند.

به این پاسخ امتیاز بدهید 0

امتیاز: - رتبه: -

نظر ویرایش گزارش

پاسخ دهنده : fateme 17:33 1403/12/27

استفاده از ویژگی FormName در فرم های Blazor

یکی از تغییرات مهم در Blazor 8 نسبت به نسخه های قبلی اضافه شدن یک attribute به نام FormName در تگ EditForm می باشد. در واقع قبلا نیازی نبود که به فرم ها یک نام منحصربفرد اختصاص بدهیم. اما از نسخه 8 ببعد این موضوع اجباری شده است و فرم ها هم باید یک نام اختصاصی و منحصر بفرد برای خود داشته باشند. بنابراین شما برای رفع این مشکل باید کدهای خودتون رو به صورت زیر تغییر بدید :

<EditForm Model="Input" OnSubmit="SaveProductAsync" FormName="myForm1">
   ...
</EditForm>

@code {
    [SupplyParameterFromForm(FormName = "myForm1")]
    public ProductDto Input { get; set; }
    protected override void OnInitialized()
    {
        Input ??= new();
    }
}

همان طور که ملاحظه می کنید در تگ EditForm از کلمه FormName استفاده کردیم و یک نام منحصربفرد برای فرم اختصاص دادیم. همچنین در قسمت code هم باید از attribute به نام SupplyParameterFromForm استفاده کنیم تا مشخص کنیم که مدلی که مشخص کردیم دقیقا اطلاعات خود را از کدام فرم قرار است دریافت کند. به این ترتیب می توانیم تعداد زیادی Form در صفحه خود داشته باشیم.

ویرایش شده در دوشنبه 27 اسفند 1403 ساعت 17:34:28

به این پاسخ امتیاز بدهید 0

امتیاز: 1635 رتبه: 2

نظر ویرایش گزارش

آخرین سوالات ثبت ‌شده

سوالات مرتبط

آموزش های پرطرفدار

برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید. ورود

خطای The POST request not specify which form being submitted

پاسخ هوش مصنوعی

استفاده از ویژگی FormName در فرم های Blazor

آموزش ساخت اتوماسیون اداری تحت وب

آموزش ساخت سیستم فروش و انبارداری وب

آموزش ساخت سیستم حقوق و دستمزد وب با سینکفیوژن

آموزش ساخت سیستم آزمونگیر آنلاین