Уведомления о предупреждениях для HTML

Question

Просто интересно, кто-нибудь знает какие-нибудь учебники или сценарии, где я могу получить уведомления формы.

В значительной степени я хочу, чтобы когда кто-то печатал определенные ключевые слова в форме, ему нужно было написать сообщение.

Что я хочу сделать, так это когда зритель вводит в форму следующие ключевые слова;

Medlab Central 
Medlab Wanganui 
Naylor Lawrence 
Doughboys Bakery Limited – owners surname ‘Funke’ 
Denver Stockfeeds Limited – owners surname ‘Currie’ 
Midland Civil Limited – Miles and Vicky Worsley 
Arran Trust – Stephen and Mary Barr 
Roadmarking Services Limited – Karen and Kelly halligan 
Steeds Pharmacy Ltd 

Я хочу, чтобы всплыло уведомление: «Возможно, существует конфликт интересов. Пожалуйста, подождите, чтобы услышать от Proa о том, как они могут помочь '

---

Если быстро, это правильная кодировка для HTML;

<form id="theForm">
    <input type="text" />
    <input type="submit" value="Send Email">
</form>
</body>

<script>
var specialWords = ["hello", "goodbye"];
$(function(){
    $('#theForm').on("change keyup", "input[type='text']", function(event){
        var inputValue = $(this).val();
        if($.inArray(inputValue, specialWords) > -1){
            alert(inputValue + " is a special word!");
        }
    });
});
</script>
</html>

---

Я нашел скрипт, который работает ..

<script language="JavaScript">
var nav=navigator.appName;
var ns=(nav.indexOf("Netscape")!=-1);

if(ns){
if(document.layers){
document.captureEvents(Event.KEYPRESS);
document.onkeypress = cheat;
}
if(document.getElementById){
document.onkeypress = cheat;
}
}
else
{document.onkeypress = cheat;}

var SpecialWords = "here"
var SpecialLetter = 0;
var vcheat = false
function cheat(keyStroke)
{
 var eventChooser = (ns)?keyStroke.which: event.keyCode;
 var which = String.fromCharCode(eventChooser).toLowerCase();
 if(which == SpecialWord.charAt(SpecialLetter)){
   SpecialLetter++;
   if (SpecialLetter == SpecialWord.length) alert("There may be a conflict of interest. Please wait to hear from PROA regarding how they can help")
}
else {SpecialLetter = 0;vcheat = false}

}
</script>

однако теперь мне нужно, чтобы он работал для нескольких специальных слов. Я пытался сделать то, что сказал Марк, который был

var specialWords = ["hello", "goodbye"];

но не сработает. любые предложения.

Answer 1

Хороший ресурс по стандартным всплывающим окнам Javascript: http://www.w3schools.com/js/js_popup.asp. Некоторым людям они не нравятся, потому что вы не можете применить к ним пользовательские стили и работают синхронно (браузер ничего не может сделать, покавсплывающее окно удалено), но оно простое в использовании и привлекает внимание пользователей!

Я не уверен, что именно вы хотите, но следующий пример кода может помочь - он вызываетоповещение, когда пользователь вводит «привет» или «до свидания» в текстовое поле (просто измените значения в массиве, как требуется!).Здесь я предполагаю, что разметка содержит следующее:

<form id="theForm">
    <input type="text" />
</form>

Тогда следующий код jquery должен сделать это:

var specialWords = ["hello", "goodbye"];
$(function(){
    $('#theForm').on("change keyup", "input[type='text']", function(event){
        var inputValue = $(this).val();
        if($.inArray(inputValue, specialWords) > -1){
            alert("There may be a conflict of interest...");
        }
    });
});

Редактировать : обратите внимание, что jquery'sФункция on относится к версии 1.7, если вы используете более старую версию, попробуйте посмотреть live или delegate.

Answer 2

Поскольку вы пометили jquery, я бы предположил, что такой плагин, как jquery validate

http://archive.plugins.jquery.com/project/validate

Демо-версия включена внизу страницы.