空白字段跟踪

I am trying to track the fields that are left blank on my website form when it is submitted.

The form I am using is used by my sales agents, and since I do not immediately see the submitted info before the sales agent has a chance to modify the submitted information, I am looking to see if they are filling out all of the info on the site instead of adding in more info later in the CRM. This will help me to optimize the form for their use. Currently the form is written using HTML, PHP, jQuery and AJAX.

I have not tried anything yet, as I do not even know where to begin with this. I have not seen it done before.

Let me know if you need to see the markup or if this question needs more clarification. Feel free to point me in the direction of a tutorial if that is easiest.

Thanks for the help!

You can check in both PHP or JS. If you want to do this server side so you can save this information simply check the POST results of the form.

if (trim($_POST['myField'])=="") {
     //not filled out. if you have default values, check for it in the if above too.
     mail('your@email.com', 'Subject', 'Your body.');
}

I think that you want to know the way how to check and validate the form information before submit. And as you said that you use jQuery, so I advise that there are 2 solutions to solve the problem at least.

1, write the validate script by yourself.

you can use the following script to check the form data before submit.

jQuery(form).submit(function(){
    // Here you can validate your form data
    // and if the data are incorrect, 
    // you can return false, and the form submission will be cancelled     
});

2, use the jQuery Validation plugin.

The plugin can be got from http://jqueryvalidation.org/, and you can import it with the following script.

<script type="text/script" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.js"></script>

And then, you only need to add some special attribute in your form.

For example, if you add "required" of your input field, which means the field must be filled with the characters.

<form>
  <input type="text" name="username" required />
</form> 

And then, write the following script to notify the plugin to validate the form before submission.

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("form").validate();
    });
</script>

That is what PHP empty() is for:

if (empty(trim($_POST['some_field']))
{
    // Nothing was supplied. 
}

So, you could create an array of 'required' fields like this:

$required = array('this', 'that', 'the', 'other');

...and then loop through them:

$errors = false;

foreach ($required as $field)
{
    $field_value = isset($_POST[$field]) ? trim($_POST[$field]) : null;

    if (empty($field_value))
    {
        $errors[] = 'The "' . $field . '" field was not submitted.';
    }
}

if ($errors)
{
    // Do something now that you know there are missing fields.
    // Here, we're sending an email...
    $subject = 'These fields were not filled out';
    $body    = 'The following errors occurred: ' . implode(', ', $errors); 
    mail('email@example.com', $subject, $body);
}