So validieren Sie die Eingabe eines Formulars von einer Ajax-Seite mit jquery
Es gibt zwei Eingaben in meinem Formular. Die erste Eingabe kann vor einer Ajax-Funktion validiert werden. Die zweite Eingabe kann nicht validiert werden. Die zweite Eingabe stammt von einer Seite, die Ajax verwendet, und die Senden-Schaltfläche stammt ebenfalls von der Seite, die Ajax verwendet. Ich muss die zweite Eingabe, die von der Seite kommt, mit Ajax validieren. Auch der Submit-Button, der von der Seite kommt, funktioniert nicht. Bitte hilf mir
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#form").submit(function(){
if ($('#Name1').val().length<3) {
alert ("please enter your first names");
$('#Name1').focus();
return false;
}
$.ajax({
url: "result.php",
method: "GET" // Either get or post
}).done(function(response) {
var splitted = response.split("|"); // RESULT
$("#Div1").html(splitted[0]); // The first name
$("#Div2").html(splitted[1]); // The first name
});
return (false);
if ($('#Name2').val().length<3) {
alert ("please enter your second names");
$('#Name2').focus();
return false;
}
});
});
</script>
</head>
<body>
<form id="form" action="Page.php">
<div style="float:left;">
<b>Name1:</b>
</div>
<input id="Name1" type="text">
<br><br><br><br>
<div style="clear:both;">
<div style="float:left;">
<b>Name2:</b>
</div>
<div id="Div1" style="float:left;">
</div>
<br><br><br>
<div style="clear:both;">
<div id="Div2">
<button>First Event</button>
</div>
</div>
</div>
</form>
</body>
</html>
Das ist result.php
<input type="text" id="Name2">
i need to validate this input. | <button>Second Event</button>