Projekt-Anfragen: Tel: 07022/9319004 info@CodeDocu.de Software Entwicklung in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

 

 

Ich habe ein Test-Formular in Asp.Net Core MVC ohne Datenmodell. Hier möchte ich einfach die Daten ermitteln, welche in die Textfelder des Formulars eingegeben wurde.

 

Send Formular

Als Formular steht in einfaches Formular ohne Daten-Model bereit.

Über die asp-action wird es an die httpPost Methode des Controllers gesendt.

<form asp-action="demo_jQuery_01_post">

<textarea id="Text1" name="Text1" >entered text</textarea>

</form>

 

 

Lösung:

Ein einfaches Formular kann man in Asp Net Core MVC auslesen, indem man bei der zurück-gesendeten Post -Methode mit IFormCollection das Formular übernimmt.

[HttpPost]

public IActionResult demo_jQuery_01_post(IFormCollection formFields)

{

   string Fieldvalue1= formFields["Text1"];

   return View();

}

 

Im gezeigten Beispiel steht nur ein Input-Feld zur Verfügung.

<textarea class="form-control" id="Text1" name="Text1" style=" color:gray;">

        @ViewData["Text1"]

</textarea>

 

 

 

Code-Beispiel:

View-Formular im oberen Beispiel

@{

    Layout = null;

}

<div >

    <form asp-action="demo_jQuery_01_post">

        <div class="form-group">

        <input type="submit" value="Send" class="btn btn-default" />

        </div>

        <br />

        <div class="form-group">

        Div

        <div contenteditable="true" id="divEditor" name="divEditor" style="height:100px;width:90%        ;overflow:auto;border:1px solid red;">

            @ViewData["Text2"]

        </div>

 

        <br />

        hidden container<br />

        <textarea class="form-control" id="Text1" name="Text1" style="height:100px;width:90%;         overflow:auto;border:1px solid blue;color:gray;">

        @ViewData["Text1"]

            </textarea>

 

        </div>

    </form>

    </div>

 

 

@*------------< jQuery-script >------------*@

<script type="text/javascript" src="~/lib/jquery/dist/jquery.js"></script>

<script>

    //$("#divEditor").bind("paste", function () { alert(this.innerHTML); })   

    $("#divEditor").on("input", transfer_Text)    

 

    function transfer_Text() {

        var sText = $("#divEditor").html();

        $("#Text1").val(sText);

    }

 

</script>

@*------------</ jQuery-script >------------*@

 

 

Post Methode welche nur das Formular ausliest

 [HttpPost]

public IActionResult demo_jQuery_01_post(IFormCollection formFields)

{

   ///-------------< Index_All >-------------

   string sText1= formFields["Text1"];

   return View("demo_jQuery_01");

   ///-------------</ Index_All >-------------

}

 

 

Asp.Net Core MVC Controller

Demo Beispiel

using System;

using Microsoft.AspNetCore.Mvc;

using IWois_Core.Data;

using Microsoft.AspNetCore.Http;

 

namespace IWois_Core.Controllers

{

    public class DemosController : Controller

    {

        private readonly ApplicationDbContext _dbContext;

 

        public DemosController(ApplicationDbContext context)

        {

            _dbContext = context;

        }

 

        public IActionResult demo_jQuery_01()

        {

            ///-------------< Index_All >-------------

            ViewData["Text1"] = "This is Text1 aaaa";

            ViewData["Text2"] = "This is Text2 bbbb";

            return View("demo_jQuery_01");

            ///-------------</ Index_All >-------------

        }

 

        [HttpPost]

        public IActionResult demo_jQuery_01_post(IFormCollection formFields)

        {

            ///-------------< Index_All >-------------

            string sText1= formFields["Text1"];

            return View("demo_jQuery_01");

            ///-------------</ Index_All >-------------

        }

    }

}

 

Mobile
»
Asp.Net Core MVC: Formular Feldwerte ohne Model ermitteln
»
Asp MVC: Großes Textfeld Input, Textarea , Div mit HTML
»
Asp Core Mvc: Beispiel eines Create Formular
»
Asp Core: Eingabefeld ausblenden, ID Feld verstecken

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Info@CodeDocu.de