how to manage in JavaScript null values from PHP code

Question

I have the next PHP/HTML code for upload an image:

<label>Image (*)</label>
<!-- if image exists, show it -->
<?php if($category->getImage() === null) : ?>
    <input type="file" name="image" id="image" required>
<?php else : ?>
    <p><img src="../uploads/images/<?php echo $categoria->getImage(); ?>"></p>
    <input type="file" name="image" id="image">
<?php endif; ?>

And I want to validate it using JavaScript

// Validate image
image = document.getElementById("image").value;
if (!image) {
    window.alert("You must select a file for the image.");
    document.getElementById("image").focus();
    return false;
}

The image is required. If you create a new registry it sets all of its atributes to null, including the image. Then, the image is not show and you can set it in the form. If you want to update them, the form shows the current imagen but you don't have to update it if you don't want to.

I need to validate if the file hasn't been uploaded and the value is null it means that the user is creating a new registry and the image is required. If the file hasn't been uploaded but its value isn't null, the user is updating the registry and it isn't required to upload an image.

Thanks in advance and sorry for my bad english.

jcubic · Accepted Answer · 2016-02-09 08:42:15Z

1

You can add id to the image

<img id="foo" src="../uploads/images/<?php echo $categoria->getImage(); ?>">

and check if it's in the DOM:

if ($('#foo').length) {
    // image is there
}

or without jQuery:

if (document.getElementById("foo")) {
    // image is there
}

edited Feb 9, 2016 at 8:42

answered Feb 8, 2016 at 16:03

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

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

3 Comments

user3116721 Over a year ago

I've tried it out but it doesn't work for me. I can't get the value of foo on: foo = document.getElementById("foo").value; I think it is because the script is before the img, then of course the img doesn't exist yet, and that doesn't work. The script is in the form tag.

jcubic Over a year ago

@user3116721 you can validate the form on submit.

user3116721 Over a year ago

Awesome!! The version without jQuery worked fine for me.

Collectives™ on Stack Overflow

how to manage in JavaScript null values from PHP code

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related