0
Ich brauche etwas Hilfe mit diesem Javascript-Code. Ich möchte das Steuerfeld "Nacht" und das Textfeld "Name" validieren, damit sie einen Wert enthalten. Das Feld Nacht darf nur eine numerische Zahl annehmen.Javascript validieren Textfeld für numerische und String
Hier ist mein Code
$(document).ready(function() {
var emailPattern = /\b[A-Za-z0-9._%+-][email protected][A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b/;
//var numeric = /^[0-9]+$/;
var regex = /[0-9]|\./;
$(":text, #error").after("<span>*</span>");
$("arrival_date").focus();
$(document).on("click", "#submit", function (e) {
var valid = true;
if ($("#name").val() === "") {
$("#name").next().text("This field is required.").css({
"color": "#FF0000",
"font-size": "13px"
});
valid = false;
}
else {
valid = true;
}
if ($("#nights").val() === "") {
valid = false;
$("#nights").next().text("This field is required.").css({
"color": "#FF0000",
"font-size": "13px"
});
} else if (!regex.test("nights")) {
$("#nights").next().text("This field is required.").css({
"color": "#FF0000",
"font-size": "13px"
});
valid = false;
}
else {
valid = true;
}
ad<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="UTF-8">
\t <title>Reservation request</title>
\t <link rel="stylesheet" href="main.css">
\t <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
\t <script src="http://code.jquery.com/jquery-latest.min.js"></script>
\t <script src="reservation.js"></script>
</head>
\t
<body>
\t <h1>Reservation Request</h1>
\t <form action="response.html" method="get"
\t name="reservation_form" id="reservation_form">
\t \t <fieldset>
\t <legend>General Information</legend>
\t <label for="arrival_date">Arrival date:</label>
\t <input type="text" name="arrival_date" id="arrival_date" autofocus><br>
\t <label for="nights">Nights:</label>
\t <input type="text" name="nights" id="nights"><br>
\t <label>Adults:</label>
\t <select name="adults" id="adults">
\t \t <option value="1">1</option>
\t \t <option value="2">2</option>
\t \t <option value="3">3</option>
\t \t <option value="4">4</option> \t \t \t \t \t \t
\t </select><br>
\t <label>Children:</label>
\t <select name="children" id="children">
\t \t <option value="0">0</option>
\t \t <option value="1">1</option>
\t \t <option value="2">2</option>
\t \t <option value="3">3</option>
\t \t <option value="4">4</option> \t \t \t \t \t \t
\t </select><br> \t
\t \t </fieldset>
\t \t <fieldset>
\t <legend>Preferences</legend>
\t <label>Room type:</label>
\t \t \t <input type="radio" name="room" id="standard" class="left" checked>Standard \t \t
\t \t \t <input type="radio" name="room" id="business" class="left">Business
\t \t \t <input type="radio" name="room" id="suite" class="left last">Suite<br>
\t <label>Bed type:</label>
\t \t \t <input type="radio" name="bed" id="king" class="left" checked>King
\t \t \t <input type="radio" name="bed" id="double" class="left last">Double Double<br>
\t \t \t <input type="checkbox" name="smoking" id="smoking">Smoking<br>
\t \t </fieldset> \t \t
\t \t <fieldset>
\t \t <legend>Contact Information</legend>
\t \t <label for="name">Name:</label>
\t \t \t <input type="text" name="name" id="name"><br>
\t <label for="email">Email:</label>
\t <input type="text" name="email" id="email"><br>
\t \t \t <label for="phone">Phone:</label>
\t \t \t <input type="text" name="phone" id="phone" placeholder="999-999-9999"><br>
\t \t </fieldset>
\t \t <input type="submit" id="submit" value="Submit Request"><br>
\t </form>
</body>
</html>AKTUALISIERT Kodex.
$(document).ready(function() { var emailPattern = /\b[A-Za-z0-9._%+-][email protected][A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b/; //var numeric = /^[0-9]+$/; var regex = /[0-9]|\./; $(":text, #error").after("<span>*</span>"); $("arrival_date").focus(); function isNumeric(n) { return !isNaN(parseFloat(n)) && isFinite(n); } $(document).on("click", "#submit", function (e) { var valid = true; if ($("#name").val() === "") { $("#name").next().text("This field is required.").css({ "color": "#FF0000", "font-size": "13px" }); valid = false; } if ($("#nights").val() === "") { valid = false; $("#nights").next().text("This field is required.").css({ "color": "#FF0000", "font-size": "13px" }); } else if (isNumeric("#nights")) { $("#nights").next().text("This field is required.").css({ "color": "#FF0000", "font-size": "13px" }); valid = false; } if (valid === false) e.preventDefault(); }); });
Ich hüpfte, dass jemand mir
Wenn Ihre Frage dreht sich alles um js, bitte, entfernen Sie alle unnötigen Code, wie CSS, es macht die Frage schwieriger zu lesen –
Ich entfernen Sie einfach die CSS. Können Sie mir bitte helfen? – Jabateh