Question

我正在撰写联系表格。

我的头部有两个Javascript函数（稍后会移动它们，但这是另一个问题）。

forblur事件的第一个函数Validate()无法正常工作。 onsubmit事件的第二个函数formValidate()可以正常工作。

我想在javascript函数中使用switch语句在html onblur事件中使用。

Javascript：

<head>
<script type="text/javascript">
function Validate()
        {
            // create array containing textbox elements
            var input = [document.getElementById('fname'), document.getElementById('lname'), document.getElementById('email1'), document.getElementById('email12'), document.getElementById('message')];

               for(var i = 0; i<input.length; i++)
            // loop through each element to see if value is empty
            {
                if(input[i].value == '')
                {
                        switch (ID){

                        case 'fname':
                        alert ('enter you first name');
                        break;
                        case 'lname' :
                        alert ('enter your last name');
                        break;
                        case 'email1':
                        alert ('enter your email address');
                        break;
                        case 'email2':
                        alert ('enter your email address');
                        break;
                        case 'message':
                        alert ('write your message');
                        break;                          
                    }                   
                }                   
            }            
         }

function formValidate()
        {
            // create array containing textbox elements
            var inputs = [document.getElementById('fname'), document.getElementById('lname'), document.getElementById('email1'), document.getElementById('email2'), document.getElementById('message')];

            var error;

            for(var i = 0; i<inputs.length; i++)
            // loop through each element to see if value is empty
            {
                if(inputs[i].value == '')
                {
                    error = 'Please complete all fields.';
                    alert(error);
                    return false;
                    }
            }
         }
</script>
</head>

html：

<form onsubmit="return formValidate()"  action="mailto:admin@sfasc.com.au" method="post"  id="contactForm" >
        <fieldset>
          <dl>
            <dt> First Name:</dt>
            <dd>
              <input class="input" type="text"  name="fname" id="fname" onblur="Validate()" />
            </dd>
            <dt> Last Name:</dt>
            <dd>
              <input class="input" type="text"  name="lname" id="lname" onblur="Validate()"/>
            </dd>
            <dt> Email Address:</dt>
            <dd>
              <input class="input" type="text"  name="email1"  id="email1" onblur="Validate()"/>
            </dd>
            <dt> Email Address:</dt>
            <dd>
              <input class="input" type="text"  name="email2"  id="email2" onblur="Validate()"/>
            </dd>
            <dt> Message:</dt>
            <dd>
              <textarea  name="address" id="address" rows="10" cols="10" onblur="Validate()"></textarea>
            </dd>
            <dd>
              <input type="submit" value="submit" name="submit"  />
            </dd>
          </dl>
        </fieldset>
      </form>

我尝试删除第二个功能，但没有区别。我只是在学习。

请有人，请告诉我，我做错了什么？

Answer 1

这不起作用，ID未在任何地方定义：

switch (ID) {

您应该将其替换为：

switch(input[i].id) {

你应该做一些调试，错误肯定会出现在控制台中！

Javascript函数中的切换

1 个答案: