0

男性または女性を示す性別ラジオオプションを備えた登録フォームがあります。ユーザーにチェックしてもらいたいので、HTMLでは何もチェックされていません。このような：

<label class="radio">
    <input type="radio" name="gender" id="optionsRadios1" value="female">Female
</label>
<label class="radio">
    <input type="radio" name="gender" id="optionsRadios2" value="male">Male
</label>

jquery ajaxを介してデータを送信します。奇妙なことは、アル入力の投稿が示すことです

[性別] => 2 つのオプションのいずれもチェックせずにフォームを送信した場合は男性

空を投稿しない場合、どうすればこれを検証できますか?

*オプションが選択されていない場合はエラーを返したいので、ユーザーは正しい性別を選択する必要があります..

4

2 に答える 2

0

次のコードは、クライアント側でフォームを検証します。 この検証では、性別のいずれかが選択されている場合にのみフォームの送信が許可されます。ラジオ ボタンが送信されない場合は、警告メッセージが表示され、フォームが action.php にリダイレクトされなくなります。

<form name='whatever' onsubmit='return validate();' method='POST' action='action.php'>
    <label class="radio">
    <input type="radio" name="gender" id="optionsRadios1" onchange='validate()' value="female"> Female
    </label>
    <label class="radio">
    <input type="radio" name="gender" id="optionsRadios2" onchange='validate()' value="male"> Male
    </label>
    <input type='submit' value='submit'>
</form>

<script type='text/javascript'>
    function validate(){
    var feObj=document.getElementById("optionsRadios1");
    var maleObj=document.getElementById("optionsRadios2");
    if (feObj.checked){
        return true;
    }
    if (maleObj.checked){
        return true;
    }
    alert ("Please select a gender");
    return false;
    }   
</script>
于 2013-08-15T22:29:50.587 に答える