دسته بندی ها
17:26 1403/12/27

خطای 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
تعداد بازدید این سوال : 565
پاسخ دهنده : 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
امتیاز: 1617 رتبه: 2
آخرین سوالات ثبت ‌شده
سوالات مرتبط
آموزش های پرطرفدار
آموزش ساخت اتوماسیون اداری تحت وب
آموزش ساخت سیستم فروش و انبارداری وب
آموزش ساخت سیستم حقوق و دستمزد وب با سینکفیوژن
آموزش ساخت سیستم آزمونگیر آنلاین
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود