jquery.dirtyformsの使い方が混乱しています。jquery.dirtyformsの使い方についてのヘルプはありますか?
テキストボックスと送信ボタンを使用して簡単なフォームを作成しようとしています。結果を保存する前に、ユーザーがテキストボックスを変更してページを更新したり、ページ内のリンクをクリックしようとすると、Dirty Formsプラグインはユーザーに警告する必要があります。しかし、何も働いていません。以下は
私のコードです:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.dirtyforms/2.0.0/jquery.dirtyforms.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('form').dirtyForms({
dialog: { title: 'Wait!' },
message: 'You forgot to save your details. If you leave now, they will be lost forever.'
});
});
</script>
<form action="/" method="post">
<input id="input" type="text" />
<button id="btnSubmit" type="submit" value="Submit">Submit</button>
</form>
<a href="http://www.google.com">google</a>
</body>
</html>
いずれかは、このコードとどのようにこのプラグインを使用すると間違っているものを私に伝えることができますか?
メッセージは機能しますが、メッセージとタイトル属性は機能しません。また、あなたのPC上でhtmlファイルで実行した場合、 '/ cdn.jsdelivr.net/jquery.dirtyforms/2.0.0/jquery.dirtyforms.min.js'というリンクは動作しません。それはまたhttp/httpsの代わりにあなたのPCからそれをロードしようとします –