Validate specific input, 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()">

For example, if I selected checkbox user2 I would want the javascript function to pop up saying "you are not user 1..." (all input check boxes are under same form name).

After validation of specific check box name I will do document.checks.submit();

Thanks.

If you already know a particular checkbox isn't valid for the user, then why would you offer it ? — Scott Evernden
– Scott Evernden, Commented Feb 2, 2009 at 22:51
My example is modified for the question. I have a set of radio buttons for sorting and a set of check boxes for deleting. I have a sort button and and a delete button. If you select the sort and hit delete it submits the form right now. Both buttons do the same submit. — T.T.T.
– T.T.T., Commented Feb 2, 2009 at 22:58

Sergey Galashyn · Accepted Answer · 2009-02-02 22:49:46Z

2

I'd propose few improvements to sktrdie's reply. This will avoid submitting form on errors.

<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;
}

Note #1: this example is very simple and not-so-flexible, so additional reading on forms validation would be good idea. Say, on w3schools

Note #2: do not forget to implement server-side validation along with this. JS checks can be easily avoided.

answered Feb 2, 2009 at 22:49

Sergey Galashyn

6,9562 gold badges21 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Luca Matteis · Accepted Answer · 2009-02-02 22:35:24Z

1

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

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

answered Feb 2, 2009 at 22:35

Luca Matteis

29.3k22 gold badges116 silver badges172 bronze badges

Comments

Alex · Accepted Answer · 2020-10-04 09:51:14Z

0

You may want to use the checkbox's onclick event to do the validation... So when they click it to turn it on/off you can catch em immediately, before form submission.

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

And then whatever you want to validate against in the JS function: (sorry for some reason the encoding of this code isn't working right... but hopefully you get the idea)

<script language="javascript">
    function validatecheckbox(inputbox) {
        if (inputbox.checked)
            alert ('Are you ' + inputbox.name + '?');
    }
</script>

edited Oct 4, 2020 at 9:51

Alex

1,6101 gold badge16 silver badges27 bronze badges

answered Feb 2, 2009 at 23:07

Collectives™ on Stack Overflow

Validate specific input, Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related