フォームエントリをJavaScriptと一致させますか?
-
05-07-2019 - |
質問
このようなマークアップ付きのフォームがあります...
どのバウチャーを切り取りましたか
<div class="answer item1">
<input type="checkbox" name="downloaded_vouchers[answer1]" id="answer1" value="1"/>
<label for="answer1">Answer 1</label>
</div>
<div class="answer item1">
<input type="checkbox" name="downloaded_vouchers[answer1]" id="answer1" value="1"/>
<label for="answer1">Answer 1</label>
</div>
どのバウチャーを使用しましたか
<div class="answer item1">
<input type="checkbox" name="used_vouchers[answer1]" id="usedanswer1" value="1"/>
<label for="answer1">Answer 1</label>
</div>
<div class="answer item1">
<input type="checkbox" name="used_vouchers[answer1]" id="usedanswer1" value="1"/>
<label for="answer1">Answer 1</label>
</div>
フォームの送信時に、バウチャーのカットが使用されたものと一致するかどうかを確認する必要があります。検証サーバー側がありますが、クライアント側も実行する必要があり、どこで始めに、jqueryなどを使用せずにストレートjavascriptを使用する必要があります。誰か助けてもらえますか?
解決
このようなもの....
<script type="text/javascript">
function validate( )
{
// use document.getElementById to get the form item
var item = document.getElementById("yourElement");
if ( somecondition == true )
{
alert("good to go");
// allow the form to post
return true;
}
else
{
alert("I don't think so");
// return false so the form will not post
return false;
}
}
</script>
<form onsubmit="Validate();" >
</form>
onsubmitメソッドからtrueを返すとフォームが送信され、falseを返すと送信されません
所属していません StackOverflow