Проверка формы JavaScript XHTML

Question

Сценарий, с которым у меня возникают проблемы, является проверкой формы. Я в тупике. Я выяснил, что проблема связана с этим блоком кода, который функционирует, но все, что после этого блока не будет работать. Если я удалю этот блок, скрипт работает. Ive попытался добавить дополнительные операторы if, чтобы протестировать разные входы для null, но они также не работают.

var atPos=email.indexOf("@"); 
var dotPos=email.lastIndexOf("."); 
if (atPos<1 || dotPos<atPos+2 || dotPos+2>=x.length) 
    { 
    alert("Please enter a valid email"); 
    return false; 
    } 

Весь сценарий:

<script type="text/javascript"> 
//<![CDATA[ 
function validateForm() 
{ 

    //Validate First Name 
    var fName=document.forms["orderForm"]["firstname"].value; 
    if (fName==null || fName=="") 
     { 
     alert("First name must be filled out"); 
     return false; 
     } 

    //Validate Last Name 
    var lName=document.forms["orderForm"]["lastname"].value; 
    if (lName==null || lName=="") 
     { 
     alert("Last name must be filled out"); 
     return false; 
     } 

    //Validate Email 
    var email=document.forms["orderForm"]["email"].value; 
    if (email==null || email=="") 
     { 
     alert("Email must be filled out"); 
     return false; 
     } 
    var atPos=email.indexOf("@"); 
    var dotPos=email.lastIndexOf("."); 
    if (atPos<1 || dotPos<atPos+2 || dotPos+2>=x.length) 
     { 
     alert("Please enter a valid email"); 
     return false; 
     } 

    //Validate Phone Number 
    var phone=document.forms["orderForm"]["phoneNumber"].value; 
    if (phone==null || phone=="") 
     { 
     alert("Phone Number must be filled out"); 
     return false; 
     } 
} 
//]]> 
</script> 

И форма:

<form action="index.html" id="orderForm" onsubmit="return validateForm()"> 

<table> 
    <tr> 
    <th>Item</th> 
    <th>Product Code</th> 
    <th>Diameter</th> 
    <th>Lengh</th> 
    <th>Colour</th> 
    <th>Unit Price</th> 
    <th>Quantity</th> 
    <th>Sub Total</th> 
    </tr> 
    <tr> 
    <td>Bolt</td> 
    <td>B113</td> 
    <td>9</td> 
    <td>50</td> 
    <td>Black</td> 
    <td>2.15</td> 
    <td><input type="text" name="quantityBolt" id="quantityBolt" /></td> 
    <td>#total</td> 
    </tr> 
    <tr> 
    <td>Nut</td> 
    <td>B234</td> 
    <td>5</td> 
    <td>N/A</td> 
    <td>Silver</td> 
    <td>0.45</td> 
    <td><input type="text" name="quantityNut" id="quantityNut" /></td> 
    <td>#total</td> 
    </tr> 
    <tr> 
    <td>Washer</td> 
    <td>W359</td> 
    <td>8</td> 
    <td>N/A</td> 
    <td>Silver</td> 
    <td>0.30</td> 
    <td><input type="text" name="quantityWasher" id="quantityWasher" /></td> 
    <td>#total</td> 
    </tr> 
</table> 

First name: <input type="text" name="firstname" /><br /> 
Last name: <input type="text" name="lastname" /><br /> 
Email: <input type="text" name="email" /><br /> 
Phone Number: <input type="text" name="phoneNumber" /><br /> 
Street Number: <input type="text" name="streetNumber" /><br /> 
Address: <input type="text" name="address" /><br /> 
State: <select name="state" > 
<option value="nsw">NSW</option> 
<option value="qld">QLD</option> 
<option value="vic">VIC</option> 
<option value="act">ACT</option> 
<option value="nt">NT</option> 
<option value="tas">TAS</option> 
<option value="sa">SA</option> 
<option value="wa">WA</option> 
</select><br /> 
Postcode: <input type="text" name="postcode" /><br /> 
Credit Card Number: <input type="text" name="creditNumber" /><br /> 
Credit Card Expiry: <input type="text" name="creditDate" /><br /> 
CSV Number: <input type="text" name="creditCSV" /><br /><br /> 

<br /> 
<input type="submit" value="submit" /> 
</form> 

Answer 1

Ошибка здесь:

if (atPos<1 || dotPos<atPos+2 || dotPos+2>=x.length) 

где консоль ошибка говорит «х не определено "

и механизм Javascript имеет тенденцию просто отказаться от ошибки, поэтому он ничего не сделает.