0

JavaScript を使用してフォームを検証しようとしていますが、正しい出力を取得できません。すべてを正しく実行しましたが、コードの問題がわかりません。以下がプログラムです。ここにタイトルを挿入 function formValid() {

 var fname=document.getElementsByName("fname").value;
 var lname=document.getElementsByName("lname").value;
 var uid=document.getElementsByName("uid").value;
 var pass=document.getElementsByName("pass").value;
 var ftype=document.getElementsByName("ftype").value;
 var dep=document.getElementsByName("dep").value;
 var mnum=document.getElementsByName("mnum").value;
 var cpass=document.getElementsByName("cpass").value;
 var email=document.getElementsByName("email").value;

 if(fname==null && lname==null)
    {
        alert("Enter Your name ");
        return false;
    }

 if(uid==null)
    {
        alert("Enter your user ID");
        return false;
    }
 if(pass==null && cpass==null)
 { 
    alert("Enter password");
    return false;
 }
     if(pass!=cpass)
    {
        alert("Password doesnt match");
        return false;
    }
    if(ftype==null)
    {
        alert("Select faculty type");
        return false;

    }
  if(dep==null)
    {
        alert("select department ");
        return false;

    }
  if(mnum==null)
    {
        alert("Enter your Mobile number");
        return false;
    }

   if(email==null)
        {
    alert("Enter your email number");
    return false;
    }

     }
      </script>
      <center>
      <font size="6%" >Collage Managment System</font>

  <hr width="90%">
  <form  action="Form" method="post" name="myForm" onsubmit="return formValid();">

    <div id=container>
    <table>
    <tr><td>
    First Name</td><td>:<input type="text" name="fname">
    </td></tr>
    <tr><td>
    Last Name</td><td>:<input type="text" name="lname">
    </td></tr>
    <tr><td>
    User ID</td><td>:<input type="text" name="uid">
    </td></tr>
    <tr><td>
    Password</td><td>:<input type="password" name="pass">
    </td></tr>
    <tr><td>
    Confirm Password</td><td>:<input type="password" name="cpass">
    </td></tr>

    <tr><td>
    Faculty Type</td><td>:<select  name="ftype">
                            <option>Select</option>
                            <option>HOD</option>
                            <option>Assistant Proffesor</option>
                        </select>
    </td></tr>

    <tr><td>
    Deparment</td><td>:<select name="dep">
                            <option>Select</option>
                            <option>CSE</option>
                            <option>EC</option>
                            <option>ME</option>
                            <option>CIVIL</option>

                        </select>
    </td></tr>
    <tr><td>
    Mobile Number</td><td>:<input type="text" name="mnum">
    </td></tr>
    <tr><td>
    E-mail</td><td>:<input type="text" name="email">
    </td></tr>

    </table>
    <input type="reset" value="reset"><input type="submit" value="Register" >

    </div>  
     </form>
  </center>
      </body>
      </html>

上記の JavaScript のコードでは、データが空のときに最初の条件が実行されますが、問題は、テキスト ボックスに何かを入力してもアラートが表示されることです。私の間違いを確認して教えてください....ありがとう

4

3 に答える 3

0

このgetElementsByName()関数は NodeList オブジェクトを返します。そのオブジェクトから値を直接取得することはできません。その代わり：

var fname=document.getElementsByName("fname")[0].value;

名前付き要素が存在することを 100% 確信できない場合は、返された値 (NodeList) に実際に 1 つの要素が含まれていることを確認する必要があります。

var list = document.getElementsByName("fname");
var fname = list.length == 1 ? list[0] : null;
于 2013-10-31T17:25:10.040 に答える
0 
getElementsByName Returns the array of elements whoose name is specified as argument

したがって、値を使用するには index を指定する必要があります。

例：

var ele  = document.getElementsByName("fname");
//ele[0] is the first element
// and its value is ele[0].value

ただしgetElementsByName、古いブラウザではサポートされていない可能性があります

于 2013-10-31T17:33:14.527 に答える