2016-09-17 4 views
0

私はJavaScript関数を作成しました。jquery警告ボックスにメッセージを返したいと思います!現在のところ、メッセージは私のプログラムにとって魅力的ではないと思われるjavascript警告ボックスに返されます!私はjqueryに慣れていないので、私を助けてください!関数実行時にjquery警告ボックスを返す

私のプログラム・コードは、以下のようで、アップロードされたファイルは、画像フォーマットであるかどうかを識別するために使用されます!そのない画像形式1は、警告ボックスがエラーメッセージとともに返された場合!(私はボックスjqueryの1このアラートを作りたい)あなたは依存関係ファイルhereをダウンロードすることができ

  var _validFileExtensions = [".jpg", ".jpeg", ".bmp", ".gif", ".png"];  
function Validate(oForm) { 
    var arrInputs = oForm.getElementsByTagName("input"); 
    for (var i = 0; i < arrInputs.length; i++) { 
     var oInput = arrInputs[i]; 
     if (oInput.type == "file") { 
      var sFileName = oInput.value; 
      if (sFileName.length > 0) { 
       var blnValid = false; 
       for (var j = 0; j < _validFileExtensions.length; j++) { 
        var sCurExtension = _validFileExtensions[j]; 
        if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) { 
         blnValid = true; 
         break; 
        } 
       } 

       if (!blnValid) { 
        alert("Sorry a copy may be in a different file format! Formats allowed are " + _validFileExtensions.join(", ")); 
        return false; 
       } 
      } 
     } 
    } 

    return true; 
} 
+0

アラートボックスのサイズ、色、アニメーションなどをカスタマイズしたいですか?もしそうなら、[this](http://www.tutorialspoint.com/jqueryui/jqueryui_dialog.htm)が始まるかもしれません。 – Ahmad

+0

デフォルトjquery警告ボックスなし –

+0

jqueryはDOM操作に使用されます。それは「デフォルトのjquery警告ボックス」を持っていません。ブラウザにはスタイル指定することができない 'alert()'があります。 jquery-uiをインクルードしてダイアログを使用することもできますし、jqueryまたはブートストラップのダイアログプラグインを100個まで任意に含めることも、独自に書き込むこともできます。あなたは後になっていますか? –

答えて

1
<!DOCTYPE html> 
    <head> 
    <title>jQuery Alerts</title> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script src="jquery.ui.draggable.js" type="text/javascript"></script> 

    <script src="jquery.alerts.js" type="text/javascript"></script> 
    <link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> 

    <!-- Example script --> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
    $("#basic_button").click(function() { 
    jAlert('Example of a basic alert box in jquery', 'jquery basic alert box'); 
    }); 
    }); 
    </script> 
    </head> 
    <body> 
    <p> 
    <input id="basic_button" type="button" value="Show Basic Alert" /> 
    </p> 
    </body> 
    </html> 

私を助けてください

+0

は、単に)( –

+0

私はそれが私の機能 –

+0

のためだけJAlertとの警告を()を交換したいアラートボックスにメッセージを表示するこのJAlert()を使用します –

関連する問題