0

我已经设置了我的代码，以便它需要表单中的所有字段，但由于某种原因，它仅适用于文本、电子邮件和密码的输入类型。所以我的问题是如何让单选按钮、选择框和复选框成为表单中的必填字段？这是我的代码：

<form action="" method="post">  
     <ul id="register">
        <li>
          <input type="text" name="first_name" placeholder="First Name">
        </li>

        <li>
        <input type="text" name="last_name" placeholder="Last Name">
        </li>

       <li>
        <input type="email" name="email" placeholder="Email"><br><br>
        </li>

        <li>
      <input type="password" name="password" placeholder="Password">
        </li>

        <li>
        <input type="radio" name="sex" value="male">Male
        <input type="radio" name="sex" value="female">Female
        </li>
        <li>

        Birthday:

            <select name="month">
                    <option value="January">January</option>
                    //all the other month options
                </select>

                <select name="day">
                    <option value="1">1</option>
                    //all the other days of the month
                </select>

                <select name="year">
                    <option value="2013">2013</option>
                    //ton of year options here
                </select><br><br>
            </li>
            <li>
                <input type="checkbox" name="terms_of_service" value="termsofservice">Terms of Service<br><br>
            </li>
            <li>
                <input type="submit" name="registrationform" value="Sign up">
            </li>
        </ul>
    </form>

    <?php


    if (empty($_POST) === false) {
        $required_fields = array('first_name', 'last_name', 'email', 'password', 'sex', 'birthday', 'terms_of_service');
        foreach ($_POST as $key=>$value) {
            if (empty($value) && in_array($key, $required_fields) === true) {
                $errors[] = 'You didn\'t fill in all of the categories.';
                break 1;
            }
        }
    }
    print_r($errors);


    ?>
4

4 回答 4

1

试试这个..

 if(isset($_POST['registrationform'])){
       $required_fields = array( /* all required fields including radio, select and 
checkboxes  as associative array with key as actual name and value as field name */);
       foreach ( $required_fields as $key=>$value) {
             if (!isset($_POST[$value]) || $_POST[$value]=='') {
                  $errors[$value] = $key." is required";

                }
       }

       print_r($errors);
    }
于 2013-01-05T09:36:52.780 回答
1

服务器端和客户端验证：

服务器端验证在服务器中处理。某些数据无法在客户端进行验证，必须在服务器端进行验证。例如数据库中两个日期之间的日期。

客户端验证在提交表单之前在客户端进行处理。使用客户端验证的优点是它减少了网络流量，因为验证是在客户端机器本身中处理的。例如电子邮件数字 isdate 等。

如果您想要服务器端验证（在 PHP 中），您需要编写如下条件：

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    $error_msg = array();
    if(!isset($_POST['your_radio_button_name'])){
        $error_msg[] = "Enter the required fields";
    }
    if(!isset($_POST['your_checkbox_button_name'])){
        $error_msg[] = "Enter the required fields";
    }
    if(!isset($_POST['your_select_box_name'])){
        $error_msg[] = "Enter the required fields";
    }

    if(isset($error_msg) && count($error_msg) == 0){
        // do some form processing
    }
    else{
        // redirect to the form again.
    }
}

阅读更多关于 php 中的表单验证的信息：

http://phpmaster.com/form-validation-with-php/

如果你想要客户端验证，那么有很多可用的选项：

检查以下文章：

http://www.jeasyui.com/tutorial/form/form3.php

希望它会帮助你。

于 2013-01-05T09:41:20.623 回答
1

试试这个：

<form action="" method="post">  
    <ul id="register">
        <li><input type="text" name="first_name" placeholder="First Name"></li>
        <li><input type="text" name="last_name" placeholder="Last Name"></li>
        <li><input type="email" name="email" placeholder="Email"><br><br></li>
        <li><input type="password" name="password" placeholder="Password"></li>
        <li>
            <input type="radio" name="sex" value="male">Male
            <input type="radio" name="sex" value="female">Female
        </li>
        <li>
            Birthday:
            <select name="month">
                <option value="">Choose</option>
                <option value="January">January</option>
                <option value="February">February</option>
            </select>

            <select name="day">
                <option value="">Choose</option>
                <option value="1">1</option>
                <option value="2">2</option>
            </select>

            <select name="year">
                <option value="">Choose</option>
                <option value="2012">2012</option>
                <option value="2013">2013</option>
            </select><br><br>
        </li>
        <li><input type="checkbox" name="terms_of_service" value="termsofservice">Terms of Service<br><br></li>
        <li><input type="submit" name="registrationform" value="Sign up"></li>
    </ul>
</form>

<?php
if (!empty($_POST)) {
    $required_fields = array('first_name', 'last_name', 'email', 'password', 'sex', 'month', 'day', 'year', 'terms_of_service');
    foreach ($required_fields as $value) {
        if (empty($_POST["$value"])) {
            $errors .= "$value is required<br>";
        }
    }            
    echo $errors;
}
?>
于 2013-01-05T10:04:33.993 回答
0

Ultimate 的答案是完美的，是您所需要的。

我将向您解释什么是服务器和本地验证。

本地验证是当您检查 html 代码或使用 javascript 中的输入时。速度很快，因为它是在浏览器中检查的。但是任何访问您页面的人都可以通过很少的技术技能禁用该验证。

服务器验证是在您检查 php 代码中的输入时进行的。（之间的代码<?php and ?>）。然后在服务器中对其进行检查。因此，任何访问您页面的人都无法禁用该验证。

无论如何，我建议同时使用两者。因为本地验证很快，而服务器验证很安全。

添加本地验证，这个链接会很好的解释：http: //www.w3schools.com/html5/att_input_required.asp

[确保您在代码的第一部分中将 doctype 设置为使用 html5：

<!DOCTYPE html>
<html>
<head>
...blablabalblabla more html code...

然后您的带有验证的 HTML 将产生如下结果：

<form action="" method="post">  
 <ul id="register">
    <li>
      <input type="text" name="first_name" placeholder="First Name" required="required">
    </li>

    <li>
    <input type="text" name="last_name" placeholder="Last Name" required="required">
    </li>

   <li>
    <input type="email" name="email" placeholder="Email" required="required"><br><br>
    </li>

    <li>
  <input type="password" name="password" placeholder="Password" required="required">
    </li>

    <li>
    <input type="radio" name="sex" value="male" required="required">Male
    <input type="radio" name="sex" value="female" required="required">Female
    </li>
    <li>
...

这就是 html5 本地验证。

于 2013-01-05T10:09:20.973 回答