Я не могу получить кнопку отправки, чтобы опубликовать предупреждение в <p>внизу формы - PullRequest
Новая
       1

Я не могу получить кнопку отправки, чтобы опубликовать предупреждение в <p>внизу формы

0 голосов
/ 30 июля 2010 
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Form</title>
<script type="text/javascript">
function isValidUsername() {
    var user_name = document.getElementById("user_name");
    var pattern =/^[A-Za-z0-9]{8,15}/g;
    var patternreq_1 = /[A-Z]/g;
    var patternreq_2 = /[0-9]/g;

    if (pattern.test(user_name)){
        document.getElementById("error_message").innertext ="";
        return true;
    }

    else if (patternreq_1.test(user_name)==false && patternreq_2.test(user_name)==false){
            document.getElementById("error_message").innerText = 
                "*Please include a capitalized letter and a number in your user name.";
            return false;
    }
    else if (patternreq_1.test(user_name)==false && patternreq_2.test(user_name)==true){
            document.getElementById("error_message").innerText = 
                "*Please include a capitalized letter in your username.";
            return false;
    }
    else if (patternreq_1.test(user_name)==true && patternreq_2.test(user_name)==false){
            document.getElementById("error_message").innerText =
                "*Please include a number in your username.";
                return false;
    }
    else if (user_name.length<8){
            document.getElementById("error_message").innerText =
                "*Please include at least eight letters in your username.";
                return false;
    }

}
 </script>
</head>


<body>

<form  method="post" name="contact_form"  onSubmit="return isValidUsername()">
    <h1>Please Enter Your Name</h1>
    <p>Your Name: <input type="text" name="user_name" id="user_name"></p>
    <p><input type="submit" name="send" value="Submit"></p>
    <p id="error_message" value="Use InnerText">&nbsp;</p>
</form>


</body>
</html>

когда я нажимаю кнопку отправить сейчас, он не соответствует шаблону, а циклически перебирает все остальные операторы if, хотя в нем никогда не появляется «просьба включать заглавную букву», а только два других. что я делаю не так?

Ответы [ 2 ]

2 голосов
/ 30 июля 2010

Это неправильно: 

document.getElementById(error_message)

Вы должны добавить одинарные или двойные кавычки к аргументу: 

document.getElementById("error_message")
2 голосов
/ 30 июля 2010

Все это: 

if (user_name != pattern){ ...

Должно быть больше вот так : 

if (pattern.test(user_name)){ ...
...