Проверить конкретный ввод, Javascript

Question

<form action="/cgi-bin/Lib.exe" method=POST name="checks">  

     <input type=checkbox name="user1" value="'$NAME'">      
     <input type=checkbox name="user2" value="'$NAME'">     
     <input type=checkbox name="user3" value="'$NAME'">     

<input type="button" value="User 1" onclick="somefunction()">

Например, если бы я установил флажок user2, я бы хотел, чтобы функция javascript всплывала, говоря: «Вы не пользователь 1 ...» (все флажки ввода находятся под одним именем формы).

После проверки имени конкретного флажка я сделаю document.checks.submit();

Спасибо.

Answer 1

Я бы предложил несколько улучшений в ответе sktrdie. Это позволит избежать отправки формы на ошибки.

<form action="".... onsubmit="return somefunction(this);">

function somefunction(f) {
    var user1 = f.user1;
    var user2 = f.user2;
    // etc..
    if(user2.checked) {
        alert("you are not user1");
        return false;
    } 
    return true;
}

Примечание # 1: этот пример очень прост и не так гибок, поэтому было бы неплохо дополнительное чтение при проверке форм. Скажем, на w3schools

Примечание # 2: не забудьте реализовать проверку на стороне сервера вместе с этим. Проверок JS можно легко избежать.

Answer 2

<form onsubmit="somefunction(this);" ...

function somefunction(f) {
    var user1 = f.user1;
    var user2 = f.user2;
    // etc..
    if(user2.checked) alert("you are not user1");
}

Answer 3

Вы можете использовать событие onclick флажка, чтобы выполнить проверку ... поэтому, когда они щелкают по нему, чтобы включить / выключить его, вы можете сразу же поймать их перед отправкой формы.

<input type=checkbox name="user1" value="'$NAME'" onclick="javascript:validatecheckbox(document.checks.user1);">

И затем все, что вы хотите проверить в функции JS: (извините, по какой-то причине кодирование этого кода работает неправильно .... но, надеюсь, вы поняли)

<script language="javascript">

функция validatecheckbox (поле ввода) { if (inputbox.checked) alert (r u '+ inputbox.name +'? '); }