CodeIgniterのポップアップ検証

Question

<form action="<?php echo base_url();?>test/loadsql" method="post" enctype="multipart/form-data"> 
        <input type="file" required aria-required="true" id="upload" name="upload"/> 
        <input type="button" onclick="validate()" class="btn btn-success " value= "Upload"> 
        </form> 

function validate() 
{ 
    job=confirm("Are you sure to upload?"); 
    if(job!=true) 
    { 
     return false; 
    } 
} 
</script> 

本当の私はロードしたい、その場合はフォームアクションのテスト/ loadsql

は親切に代わりbuttonの

Answer 1

変更ボタンタイプsubmitを助け、returnが重要なクリック機能を宣言関数を返すまで

更新された応答が入力を検証する

function validate() 
 
{ 
 
    var input =document.getElementById('upload').value; 
 
    if(input){ 
 
     var job=confirm("Are you sure to upload?"); 
 
    if(job!=true) 
 
    { 
 
     console.log('not allow') 
 
     return false; 
 
    } 
 
    else{ 
 
    console.log("pass") 
 
     return true; 
 
    } 
 
    } 
 
    else{ 
 
    alert('Please choose some file') 
 
    } 
 
}

<form action="<?php echo base_url();?>test/loadsql" method="post" enctype="multipart/form-data"> 
 
        <input type="file" required aria-required="true" id="upload" name="upload"/> 
 
        <input type="submit" onclick="return validate()" class="btn btn-success " value= "Upload"> 
 
        </form>

Answer 2

使用など以下のフォームにonsubmit()イベント..

ビュー：こんにちはすべて、私は与えられてきたように、<入力タイプ= "ファイル

<form action="<?php echo base_url('test/loadsql');?>" method="post" enctype="multipart/form-data" onsubmit="validate();"> 

<input type="file" required aria-required="true" id="upload" name="upload"/> 
<input type="submit" class="btn btn-success" value= "Upload"> 

</form> 

Javascriptを

function validate() 
{ 
    if(window.confirm("Are you sure to upload?")) 
    { 
     return true; 
    } 
    else{ 
     return false; 
    } 
}