Input required?

Wie kann ich mit Javascript ein Input required machen, denn bei Html kann man es ja ändern bei untersuchen

3 Antworten

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, JavaScript, PHP

03.02.2023, 11:18

Es reicht aus, das Attribut per HTML zu setzen. Eine zusätzliche Überprüfung mit Javascript, ob in dem Feld irgendwas steht, ist unnötig, da sie über die Web-Tools ebenso umgangen werden kann. Deshalb ist es auch notwendig, gesendete Daten immer zusätzlich serverseitig zu überprüfen. Vertraue niemals Nutzerdaten!

Sinn macht es höchstens, die eingeben Daten per Javascript zu validieren und dem Nutzer schon vor dem Absenden auf Fehler hinzuweisen. Trotzdem muss diese Validieren auch noch zusätzlich serverseitig erfolgen.

Zum Validieren nutzt man üblicherweise Javascript-Events wie focus, blur oder change.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Tyldu

Nutzer, der sehr aktiv auf gutefrage ist

im Thema CSS

03.02.2023, 10:12

https://jsfiddle.net/vbo3ha7n/

usernameInput.setAttribute("required", "");

ist die zeile die den input required macht.

Woher ich das weiß:Studium / Ausbildung – Softwareentwickler, B. Sc. Informatik

NackterGerd

03.02.2023, 13:23

Wie bitte

Das Input Required setzt du doch im HTML!

Keine Ahnung was du ändern möchtest.

Kann es sein dass du gar nicht weißt was ein Formular ist ?

Natürlich musst du im PHP die tatsächlich geschickten Daten prüfen denn diese konnten ja einfach ohne deine Prüfungen automatisch geschickt wird.

Deshalb NIE den DATEN trauen.

Immer im PHP prüfen

Evtl Spamm oder Hacker Angriffe abwehren

Woher ich das weiß:Berufserfahrung

hauajsjsjs

Fragesteller

03.02.2023, 13:29

Ja ich weiß was es ist. Man kann doch aber im Untersuchen Bereich das required weglöschen deswegen habe ich gefragt

NackterGerd

03.02.2023, 14:01

@hauajsjsjs

Und was soll dir das bringen?

Den JS kannst du dort genauso beliebig ändern.

Das HTML ist nur die Eingabehilfe für den Benutzer.

Das Datenhändling auf dem Server z.b. mit PHP ist doch das Wichtige

Hier findet der Datenschutz statt.

CodeInjection und falsche Eingaben sowie Spamn must du hier abfangen.

Ich hatte einmal zu testen die angefangenen Hacker Angriffe anstatt zu Kunden wie Normal im Formular an mich geschickt nach dem herausfiltern.

Natürlich nur zum Test gemacht

Vergessen wieder zu löschen und dann kam nach einiger Zeit ein Hackerangriff und es wurden mehrere Tausend Mails versucht zu erzeugen mit Unsinnigen Daten.

Der Filter hatte ja gut funktioniert und beim Kunden kamen davon nur ca 20 durch.

Aber natürlich ging unser Mailserver in die Knie

Dies hatte eindeutig gezeigt wie wichtig solche Filtermaßnahmen und Spammschutz und Hackerangriff Schutz sind.

Zu glauben du könntest das auf der HTML Seite mit JS verhindern ist ein Drugschluss

So bekommst du später massiven Ärger bei deinen Kunden wenn du so fahrlässig arbeitest

Ähnliche Fragen

HTML input in JavaScript-Variable?

Wenn ich in HTML ein form ausfülle und abschicke wie bekomme ich dann das eingegeben im Input in eine JavaScript Variable. Habe provisorisch mal das hier gemacht und komme nicht weiter. Danke für eure Hilfe :)

<!DOCTYPE html>

<html>

<head>

<title>Input to Variable</title>

var input = "Wie bekomme ich den eingegebenen input hier hin?"

</script>

</head>

<body>

<button>Submit</button>

</body>

</html>

...zur Frage

Warum wird die Seite neu geladen wenn ich etwas eingebe?

Hallo!

Ich bin nicht wirklich erfahren in PHP und lerne indem ich neue Dinge ausprobiere, kopiere, etc. Nun habe ich folgenden Code für eine Passworteingabe:

<?php
$passwort = "test";
if (isset($_POST["go"])) {
    if ($_POST["name"] == $passwort) {

    } else {

    }
} else {
    ?>
    <form class="webflow-style-input" method="post">
        <input class="popup_password" type="Password" required placeholder="Passwort eingeben" name="name">
        <input class="popup_submit" type="Submit" name="go" value=">">
    </form>
<?php } ?>

Wenn ich nun Text eingebe und ihn absende lädt die Seite neu. Weiß jemand wieso und wenn ja wie ich das abschalten kann?

...zur Frage

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zur Frage

Wann bin ich fertig mit HTML und CSS?

Hallo,

Ich lerne schon seit einiger Zeit HTML und CSS, und habe schon einige etwas größere websiten erstellt (also die grafische Oberfläche). Ich wollte auch bald mit Javascript anfangen, aber man sollte ja erst mit einer anderen Sprache anfangen, wenn mann die erste gut kann, aber ich weiß nicht wann ich bereit bin.

Meine Frage: Was muss ich alles in HTML und CSS können, um mit Javascript anzufangen?

Danke:)

...zur Frage

JavaScript vs. Flutter und Dart?

Was findet ihr besser?

HTML, CSS und Javascript

Oder

Dart und Flutter

...zur Frage

Forum für Programmierer?

Hallo,

gibt es solche? Wenn geht für JavaScript/CSS/HTML

...zur Frage

Welche Programmiersprache(n) nach HTML, CSS, Javascript?

Ich weiß HTML, CSS sind keine aber welche Programmiersprachen sollte man nach Javascript lernen mein Bereich wäre momentan zum Start Webseiten (Webanwendungen) sowie Apps.

...zur Frage

HTML projekt wie findet ihr die vorarbeit?

html:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<Header>
</Header>
<div class="input">
<main>
<form action="" method="post">
<h2>Anmeldung</h2>
<input type="email" name="Email" placeholder="Email hier eingeben" required="@" id=""> <br>
<input type="text" name="Benutzer" placeholder="Benutzer hier eingeben" required="A-z" > <br>
<input type="password" name="passwort" placeholder="password hier eingeben " id=""> <br>
<input type="submit" value="Anmelden">
<input type="reset" value="reset">
</form>
</div>
<hr>
<a href="#">Impressum</a>
<a href="#">kontakt</a>
<a href="#">Über uns</a>
</main>
<footer>
</footer>
</body>
</html>

css

body {
font-family: Arial, Helvetica, sans-serif;
color: white;
}
body{
background-color: black;
}
.input {
display: flex;
margin: 700px;
margin-top: 300px;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 3px 3px white;
border-radius: 30px;
height: 300px;
width: 300px;
}
a{
font-family: Arial, Helvetica, sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
a:hover{
color: green;
text-decoration-line: none;
}
input{
padding: 5px;
border-radius: 10px;
}
input[type="submit"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}
input[type="reset"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}

...zur Frage

HTMX gut für Anfänger?

Ist es okay, erstmal HTMX und CSS, statt HTML, CSS und JavaScript für die Entwicklung einer Webseite zu nutzen, um erstmal das Prinzip von HTML und CSS zu verstehen? Ich habe nämlich nicht die ,,Kapazität", um jetzt auch noch JavaScript zu lernen, da ich mich gerade auf Java konzentriere.

...zur Frage

Wieso versendet dieser PHP Code die Mail nicht?

Gestern ging es noch.....

Es kommt zwar die Meldung das die Mail verschickt wurde jedoch wurde sie nicht verschickt

<?php
if(isset($_POST['submit'])) {
  $to = $_POST['to'];
  $subject = $_POST['subject'];
  $message = $_POST['message'];
  $header = "From : <//email-adresse-vom-sender>";
  if(mail($to, $subject, $message, $header)) {
    echo "Email sent successfully";
  } else {
    echo "Email failled";
  }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="container">
  <div class="form_container">
    <h3>Send Email with PHP</h3>
    <form method="post">
      <p>
        <label for="to">To:</label>
        <input type="text" name="to" placeholder="To.."/>
      </p>
      <p>
        <label for="subject">Subject:</label>
        <input type="text" name="subject" placeholder="Subject.."/>
      </p>
      <p>
        <label for="name">Message:</label>
        <input type="text" name="message" placeholder="Message.."/>
      </p>
      <button name="submit" name='submit'>Send</button>
    </form>
    </div>
    </div>
  
</body>
</html>

...zur Frage

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

<link rel="stylesheet" href="style.css">
<?php
$db = unserialize(file_get_contents('data.php'));
if($db == false){
        $db = array();
}
if($_POST['mail'] == ''){
        if($_POST['name'] == ''){
                if($_POST['pass'] == ''){a
                        if(!array_key_exists($_POST['mail'], $db){
                                $db[$_POST['mail']] = [$_POST['name'], []];
                                file_put_contents('data.php', serialize($db));
                        } 
                }
        }
}
?>
<form action="" method="post">
    <center>
        <label for="firma_name" >name:</label><br>
        <input type="text" class="input" name="name" autocomplete="off"><br>
        <label for="produkte">email:</label><br>
        <input type="text"  class="input" name="mail" autocomplete="off"><br>
        <label for="adresse">pass:</label><br>
        <input type="text"  class="input" name="pass" autocomplete="off"><br>
        <input type="submit" class="anmelde_button" value="anmelden">
    </center>
</form>

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

...zur Frage

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zur Frage

HTML Taschenrechner?

Hey ich habe einen HTML Taschenrechner von einer Website kopiert von einer Website und ich will jetzt den Taschenrechner so programmieren das er nicht über hundert rechen kann bzw. Eine Fehler Meldung dann kommt so das immer ein Fehler kommt wenn ich über hundert rechnen tun ich hab schon im Internet mich belesen aber finde nix leider vielleicht könnt ihr mir helfen

<html>
<head>
<title>HTML-Taschenrechner </title>
</head>
<body bgcolor= "# 000000" text= "gold">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="Reset">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
Solution is
<input type="textfield" name="ans" value="">
</form>
</body>
</html>

...zur Frage

Wo kann man am besten HTML und JavaScript programieren?

Ich bin Anfänger und lerne beide Sprachen über Mimo. Aber wo kann man diese Programiersprachen benutzen? Klar kann man sie Mimo ein Projekt schreiben, aber maximal 2, bei der Kostenlosen Version und JavaScript kann man zwar glaube ich in der Browserkonsole testen, aber wo prgramieren, wenn man eine Website will Programieren?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen