사용자가 Javascript로 파일을 업로드했는지 확인하는 방법

타하 키르 마니

2 개의 텍스트 필드와 하나의 파일 필드가있는 양식을 만들었습니다. 'text'필드 에 Javascript를 추가했습니다 . 사용자가 'text'필드를 떠나서 제출 버튼을 누르면 All Fields are Required글꼴이 빨간색으로 바뀌고 사용자가 이미지를 업로드하지 않았을 때도 빨간색으로 바꾸고 싶습니다. 나는 다양한 방법을 시도했지만 작동하지 않습니다. 방법을 알려주세요.

      <script type="text/javascript">

function myFunction()
{
    var category_name   =   document.forms["insert"]["sub_category_name"].value;
    //var image =           document.forms["insert"]["file"].item();

    var error           =   document.getElementById("error");


    if(category_name=="" )
    {
        error.style.color="Red";
        return false;
        }
        else
        {
            //message.innerHTML="Data Inserted!";
            }
    }


</script>

PHP 코드

    <?php

echo "
    <form name='insert' action='sub_categories.php' method='POST' onSubmit='return myFunction()' enctype='multipart/form-data'>
        <table class='gridtable' border=2 bordercolor='#CCCCCC' cellpadding='10'>
        <tr>
        <th>
            Sub-Category Name: </th><td>    <input type='text' name='sub_category_name' ></td></tr>";





            echo "
        <tr>
        <th>
            Image1:</th><td> <input type='file' name= 'file' ></td></tr> 

            ";

감사

Charaf JRA

ID로 파일 입력을 받고 값이 비어 있는지 확인하십시오.

if(document.getElementById('file').value=='') {//something here }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

사용자가 PHP를 사용하여 파일을 업로드했는지 확인하는 방법은 무엇입니까?

분류에서Dev

사용자가 Facebook을 통해 로그인했는지 확인하는 방법

분류에서Dev

사용자가 HTML 양식을 사용하여 파일을 업로드하고 있는지 jQuery로 확인하는 방법은 무엇입니까?

분류에서Dev

사용자가 로그인했는지 확인하는 방법

분류에서Dev

Shopify에서 사용자가 업로드 한 파일을 삭제하는 방법

분류에서Dev

Chrome이 업로드하는 파일을 확인하는 방법

분류에서Dev

Python에서 Boto를 사용하여 파일이 S3 버킷에 업로드를 완료했는지 확인하는 방법은 무엇입니까?

분류에서Dev

사용자가 업로드했다는 이미지를 표시하는 방법

분류에서Dev

cp -u가 실제로 파일을 복사했는지 확인하는 방법은 무엇입니까?

분류에서Dev

누가 파일을 생성하고 디렉토리로 이동했는지 확인하는 방법

분류에서Dev

현재로드 작업에 의해 생성되는로드 복사본 파일을 확인하는 방법

분류에서Dev

사용자가 사용자 지정 Firebase 계정 또는 Flutter의 Google 계정을 통해 로그인했는지 확인하는 방법이 있습니까?

분류에서Dev

사용자 OneDrive에 파일을 다운로드 / 업로드하는 방법

분류에서Dev

웹 페이지에 업로드하기 전에 파일의 여러 확장자를 확인하는 방법

분류에서Dev

사용자가 이미 소셜 인증 Android에서 Facebook을 사용하여 로그인했는지 확인하는 방법

분류에서Dev

Meteor 방법을 사용하여 파일을 업로드하는 동안 차단을 방지하는 방법

분류에서Dev

파일 (이미지) 업로드가 완료되었는지 확인하는 방법

분류에서Dev

jquery 유효성 검사기를 사용하여 양식을 제출하기 전에 업로드 할 파일이 선택되었는지 확인하는 방법

분류에서Dev

Opencart의 사용자 정의 페이지에서 사용자가 로그인했는지 확인하는 방법

분류에서Dev

pig-avro : avrostorage가 파일을로드하는 방식을 사용자 지정하는 방법

분류에서Dev

파일 업로드를 사용하지 않고 asp.net JQuery에서 파일 이름을 가져오고 파일을 업로드하는 방법

분류에서Dev

PHP를 사용하여 파일을 업로드하는 방법

분류에서Dev

사용자가 jquery로 telerik 업로드에서 크기가 0 인 파일을 업로드하도록 제한하는 방법은 무엇입니까?

분류에서Dev

사용자가 지원 파일을 업로드 할 수 있도록 업로드 위치를 가장 잘 구성하는 방법

분류에서Dev

AC 프로그램을 사용하여 사용자가 Linux에있는 명령을 입력했는지 확인하는 방법

분류에서Dev

Sails JS 파일 업로드; 파일이 입력인지 확인하는 방법?

분류에서Dev

S3를 사용하여 사용자가 업로드 한 이미지 파일을 유지하도록 Elastic Beanstalk에서 Flask 앱을 구성하는 방법

분류에서Dev

사용자가 설정에서 직장 프로필을 사용 중지하거나 삭제했는지 확인하는 방법은 무엇입니까?

분류에서Dev

bashrc에서 로그인하는 데 사용 된 방법 (암호 대 키 파일)을 확인하는 방법

Related 관련 기사

  1. 1

    사용자가 PHP를 사용하여 파일을 업로드했는지 확인하는 방법은 무엇입니까?

  2. 2

    사용자가 Facebook을 통해 로그인했는지 확인하는 방법

  3. 3

    사용자가 HTML 양식을 사용하여 파일을 업로드하고 있는지 jQuery로 확인하는 방법은 무엇입니까?

  4. 4

    사용자가 로그인했는지 확인하는 방법

  5. 5

    Shopify에서 사용자가 업로드 한 파일을 삭제하는 방법

  6. 6

    Chrome이 업로드하는 파일을 확인하는 방법

  7. 7

    Python에서 Boto를 사용하여 파일이 S3 버킷에 업로드를 완료했는지 확인하는 방법은 무엇입니까?

  8. 8

    사용자가 업로드했다는 이미지를 표시하는 방법

  9. 9

    cp -u가 실제로 파일을 복사했는지 확인하는 방법은 무엇입니까?

  10. 10

    누가 파일을 생성하고 디렉토리로 이동했는지 확인하는 방법

  11. 11

    현재로드 작업에 의해 생성되는로드 복사본 파일을 확인하는 방법

  12. 12

    사용자가 사용자 지정 Firebase 계정 또는 Flutter의 Google 계정을 통해 로그인했는지 확인하는 방법이 있습니까?

  13. 13

    사용자 OneDrive에 파일을 다운로드 / 업로드하는 방법

  14. 14

    웹 페이지에 업로드하기 전에 파일의 여러 확장자를 확인하는 방법

  15. 15

    사용자가 이미 소셜 인증 Android에서 Facebook을 사용하여 로그인했는지 확인하는 방법

  16. 16

    Meteor 방법을 사용하여 파일을 업로드하는 동안 차단을 방지하는 방법

  17. 17

    파일 (이미지) 업로드가 완료되었는지 확인하는 방법

  18. 18

    jquery 유효성 검사기를 사용하여 양식을 제출하기 전에 업로드 할 파일이 선택되었는지 확인하는 방법

  19. 19

    Opencart의 사용자 정의 페이지에서 사용자가 로그인했는지 확인하는 방법

  20. 20

    pig-avro : avrostorage가 파일을로드하는 방식을 사용자 지정하는 방법

  21. 21

    파일 업로드를 사용하지 않고 asp.net JQuery에서 파일 이름을 가져오고 파일을 업로드하는 방법

  22. 22

    PHP를 사용하여 파일을 업로드하는 방법

  23. 23

    사용자가 jquery로 telerik 업로드에서 크기가 0 인 파일을 업로드하도록 제한하는 방법은 무엇입니까?

  24. 24

    사용자가 지원 파일을 업로드 할 수 있도록 업로드 위치를 가장 잘 구성하는 방법

  25. 25

    AC 프로그램을 사용하여 사용자가 Linux에있는 명령을 입력했는지 확인하는 방법

  26. 26

    Sails JS 파일 업로드; 파일이 입력인지 확인하는 방법?

  27. 27

    S3를 사용하여 사용자가 업로드 한 이미지 파일을 유지하도록 Elastic Beanstalk에서 Flask 앱을 구성하는 방법

  28. 28

    사용자가 설정에서 직장 프로필을 사용 중지하거나 삭제했는지 확인하는 방법은 무엇입니까?

  29. 29

    bashrc에서 로그인하는 데 사용 된 방법 (암호 대 키 파일)을 확인하는 방법

뜨겁다태그

보관