0
私は3つのステップで完了したフォームを持っています。最初の2ステップでは、送信ボタンがないため、検証エラーが表示されません。どのように私はここでエラーを引き起こす？ボタンクリックでHTML5検証エラーを発生させるには
A
答えて
-1
だからここにあなたの仕事をするコードの一部です....
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<script>
$(document).ready(function(){ //do this only after the whole thing is loaded, use this for more complex error handles...
$('#form_').submit(function(data){ //this is triggered once you try to submit your data
var Nerror = 0; //we declare the number of errors
if($('#name_input').val()==''){ //here is where you handle errors, checking whether or not you
$('#name_input').addClass('has-error');
$('#name_input').val('');
Nerror++; //increment +1 to Nerror
alert('no name');
}
if($('#lname_input').val()==''){
$('#lname_input').addClass('has-error');
$('#lname_input').val('');
Nerror++;
alert('no last name');
}
if(Nerror>0){ //if Nerror is bigger then zero, we use the .preventDefault method to make sure the form is not submited
data.preventDefault();
}
});
});
</script>
<body>
<form id='form_' action='your_next_step.php' method='post'>
<input type='text' name='name' id='name_input' required> <!-- if you wish to make the inputs required, just put "required" inside the tags... -->
<input type='text' name='lastname' id='lname_input' required>
<button type='submit'>Next</button>
</form>
</body>
あなたが等しいため、データベースのチェックのような、より複雑なハンドラを持っている場合、私は、あなたが今それを行うことができることを望みますあなたのためにそれを作るPHPファイルを作成し、JSONまたは何かで結果を返す必要があります.... 幸運。
あなたは 'checkValidity' APIを探している可能性があります。または、「次へ」ボタンを「送信」ボタンにしてから、サブミット・イベントを取り消すこともできます。 –