ie9使用javascript檢查是否為空

Question

我在使用ie9 required屬性時遇到了麻煩。 該屬性確實可以在ie10及更高版本上工作，但我也想在ie9上使其工作。

我已經試過了：

$('#submit-button').click(function(){
  if($('#message').val() == ''){
     alert('Input can not be left blank');
  }
});

當您單擊“提交”按鈕（檢查ID）時，該功能應運行，然后他將搜索ID消息並查看其是否為空。

但是不幸的是，這在ie9中對我不起作用。 還有另一種解決此問題的方法嗎？

解決了，這是答案（我正在使用laravel）

    @if($errors->any())
    <br>
    <div class="alert alert-danger">
        @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </div>
@endif

現在將列出所有錯誤，因此如果一個或多個輸入為空，警報將顯示它。

Answer 1

如果您使用像Modernizr這樣的庫，該庫具有用於html5功能實現的檢測技術，但它不具有瀏覽器檢測功能。

一個解決方案是：

您可以嘗試掛鈎這樣的簡單檢測腳本，然后使用它來做出選擇。 我也包括了版本檢測，以防萬一。 如果只想檢查IE的任何版本，則只需查找值為“ MSIE”的navigator.userAgent。

從這里拍攝。

但是在對輸入進行任何值檢查之前，最好使用$.trim()方法。

 var BrowserDetect = { init: function() { this.browser = this.searchString(this.dataBrowser) || "Other"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "Unknown"; }, searchString: function(data) { for (var i = 0; i < data.length; i++) { var dataString = data[i].string; this.versionSearchString = data[i].subString; if (dataString.indexOf(data[i].subString) !== -1) { return data[i].identity; } } }, searchVersion: function(dataString) { var index = dataString.indexOf(this.versionSearchString); if (index === -1) { return; } var rv = dataString.indexOf("rv:"); if (this.versionSearchString === "Trident" && rv !== -1) { return parseFloat(dataString.substring(rv + 3)); } else { return parseFloat(dataString.substring(index + this.versionSearchString.length + 1)); } }, dataBrowser: [{ string: navigator.userAgent, subString: "Edge", identity: "MS Edge" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer" }, { string: navigator.userAgent, subString: "Trident", identity: "Explorer" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.userAgent, subString: "Opera", identity: "Opera" }, { string: navigator.userAgent, subString: "OPR", identity: "Opera" }, { string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "Safari", identity: "Safari" } ] }; BrowserDetect.init(); $('#submit-button').click(function() { if (BrowserDetect.browser == "MSIE" && BrowserDetect.version < 10 && $.trim($('#message').val()) == '') { alert('Input can not be left blank'); $('#message').focus(); } }); document.write("You are using <b>" + BrowserDetect.browser + "</b> with version <b>" + BrowserDetect.version + "</b>");