2015-05-04 18 views
0

的verify.js文檔網站(http://verifyjs.com/)使它看起來,爲了讓您的網站表單驗證,所有你需要做的是:Verify.js庫未確認

  1. 鏈接到github上-hosted庫

<!-- Verify.js (with Notify.js included) --> <script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>

  • 確保您已經jQuery的鏈接(當然!)

  • 添加驗證規則,通過將數據驗證=「____」表單域

  • 不過,我已經做了這些3個步驟,但我想驗證電子郵件,在www.texasca.com/quote.php不驗證。如在,你可以輸入一個無效的電子郵件,沒有任何反應。

    我錯過了什麼嗎?我無法找到他們提供的任何文件,告訴我我做錯了什麼。

    我的代碼相對於這個問題在下面。

    與驗證表單域:

    <p class="regular-content option-label">Email Address</p> 
        <input class="quote-option" type="text" name="EmailAddress" data-validate="email" id="EmailAddress" required > 
    

    包括必要的Javascript:

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
    <!-- Latest compiled and minified JavaScript --> 
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
    <!-- Verify.js (with Notify.js included) --> 
    <script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script> 
    

    提前感謝!

    +0

    http:// stackoverflow。com/questions/17341122/link-and-execute-external-javascript-file-hosted-github Github將該文件作爲「text/plain」提供,這意味着您的瀏覽器會將其解釋爲文本而不是Javascript。你應該自己託管文件或找到另一個地方加載它。關聯問題中的第一個答案有一個建議。 –

    回答

    3

    由於瀏覽器的MIME類型(「text/plain」)不可執行,並且啓用嚴格的MIME類型檢查,因此您的瀏覽器拒絕執行raw.github.com中的腳本。


    爲什麼有這個happend?

    因爲verifyjs文檔已過時。 Github是一個GIT存儲庫服務,而不是CDN解決方案。由於直接引用資產(css/js),他們希望避免對其服務器產生巨大流量,因此它們不提供正確的MIME類型。

    解決方案!

    您必須將文本(本例中爲verify.notify.min.js)作爲JavaScript文件而不是文本。有更多的解決方案。首先是在某個地方託管文件。其次是使用名爲RawGit的服務。


    如何使用RawGit辦呢?

    <script src="https://rawgit.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>替換代碼的最後一行<script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>

    +0

    感謝您的快速和有益的迴應,解決了它! –