简体   繁体   中英

Radio Button Validation HTML FORM

I have this form:

<form name="form" action="order.php" method="post">
Please select Amount:<br />
<input type="radio" name="amount" value="25" id="25" /> <label for="25">$25</label><br />
<input type="radio" name="amount" value="50" id="50" /> <label for="50">$50</label><br />
<input type="radio" name="amount" value="75" id="75" /> <label for="75">$75</label><br />
<input type="radio" name="amount" value="100" id="100" /> <label for="100">$100</label><br />
<input type="radio" name="amount" value="200" id="200" /> <label for="200">$200</label><br />
<input type="submit" value="Submit">
</form>

I am wondering how I can do validate to make sure that one of these Radio Button's are selected?

I have tried a few different things, I have looked on Google and visited almost every site on the first and second pages and could not get it working..

Thanks,
Chad.

One solution without using client-side scripting would be to select one by default using CHECKED :

<input type="radio" name="amount" value="25" id="25" CHECKED /> 

Here is a fiddle to show you.

If this won't work for your situation, look into using jQuery or Javascript to implement a solution.

This should help get you started: How can I check whether a radio button is selected with JavaScript?

Good luck.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM