js函数无法在aspx中工作(表单验证)

时间:2012-10-29 19:01:00

标签: javascript html

我正在尝试在aspx页面中编写一个表单,包括提交按钮中的veification。即使我运行调试器单击提交也不会执行Js代码(或者可能在语法中存在问题,我不知道它是什么)。任何人都可以帮我找到错误(无论是脚本的synax还是html中的某些东西)?非常感谢:) default.aspx的代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>טופס הרשמה</title>
<link rel="Stylesheet" type="text/javascript" href="style.css" />
<script>
    var FinalMsg = "";
    function VerifyForm() {
        VerUser();
        VerPasses();
        VerGen();
        alert(FinalMsg);
    }        
    function VerUser(){
        var vus = document.getElementById("username").value;
        if(vus.length=0)
        {
            FinalMsg+="type username";
        }
    }
    function VerPasses(){
        var vpasfir = document.getElementById("pass1").value;
        var vpassec = document.getElementById("pass2").value;
        if(vpasfir.length=0)
        {
            FinalMsg+="type password";
        }
        if(vpassec.length=0)
        {
            FinalMsg+="type the secondary pass";
        }
        if (vpasfir.value != vpassec.value) 
        {
            FinalMsg+="passs aren't match";
        }
    }         
    function VerGen() {
        var vgen1 = document.getElementById("male").value;
        var vgen2 = document.getElementById("female").value;
        var vgen3 = document.getElementById("other").value;
        if ((vgen1.checked==false)&&(vgen2.checked==false)&&(vgen3.checked==false&&)){
            FinalMsg += "haven;t chosen gender";
        }
    }

</script>
</head>
<body dir="rtl">
<center>   <img src="Title.gif" width="500px"/></center> 
<form id="FormAboutYou" runat="server" method="post" onsubmit="validateForm()">
<table border="0">
    <tr>
        <td class="field">שם משתמש</td>
        <td><input type="text" name="username" id="username"/></td>
    </tr>
    <tr>
        <td class="field">סיסמה</td>
        <td><input type="password" name="pass1" id="pass1"/></td>
    </tr>
     <tr>
        <td class="field">סיסמה בשנית</td>
        <td><input type="password" name="pass2" id="pass2"/></td>
    </tr>
     <tr>
        <td class="field">כתובת דוא"ל</td>
        <td><input type="email" name="email" id="email"/></td>
    </tr>
    <tr>
        <td class="field">מזונות מועדפים</td>
        <td  Class="ChooseFrom">
            <input type="checkbox" name="food" value="Choclate" id="choc" /> שוקולד <br />
            <input type="checkbox" name="food" value="Fries" id="fries"/> צ'יפס <br />
            <input type="checkbox" name="food" value="Tomatoes and other vegetables" id="veg"/> ירקות ופירות <br />
            <input type="checkbox" name="food" value="Pasta" id="pasta"/> פסטה <br />
            <input type="checkbox" name="food" value="Cheese" id="che"/>גבינה <br />
        </td>
    </tr>
    <tr>
       <td class="field">מגדר</td>

       <td class="ChooseFrom">
            <input type="radio" name="gender" value="Male" id="male"/> זכר <br />
            <input type="radio" name="gender" value="Female" id="femle"/> נקבה <br />
            <input type="radio" name="gender" value="Unde" id="other"/> עדיין לא החלטתי/יש לי בעיה עם שדות בינארים <br />

        </td> 
    </tr>
    <tr>
        <td class="field">living in</td>
        <td>
            <select>
                <option value="TelAviv" id="ny">new york</option>
                <option value="PetaTikwa" id="rome">rome</option>
                <option value="QiryatOno" id="Paris">Paris</option>
                <option value="RamgatGan" id="lv">Las Vegas</option>
                <option value="Haifa" id="ln">London</option>
                <option value="Qraiot" id="bt">Bairut</option>
                <option value="Bash" id="bej">Beijing</option>
                <option value="Eilat" id="tk">Tokyo</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <input type="submit" name="submit" value="הזן נתוניך על פני המים" onsubmit="VerifyForm();"/>
        </td>
    </tr>
</table>
</form>
<hr />
<br /><br /><br /><br />  
<br /><br /><br /><br />
</body>
</html>

再次感谢:)

1 个答案:

答案 0 :(得分:0)

一个想法可能是从表单标记中取出onsubmit()

然后按下按钮将onSubmit更改为onclick='return verifyForm();

verifyForm()方法中,您需要返回truefalse;如果错误,表单将无法提交。

所以,在你的verifyForm()

结束时就是这样的
if (FinalMsg == ""){
    return true;
  }else{
   return false;
 }