0

嗨，伙计们，我需要帮助来弄清楚为什么当我运行它时警报框没有出现。我也是编程新手。html 我到期就好了。我目前正在上 php 课程，老师认为让我们创建一个表单并验证它会很有趣。我的问题是我正在尝试调用该函数然后对其进行验证。我的问题是它没有调用它，我无法弄清楚为什么。请帮忙？

乔恩斯·维拉丁 

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
   <link rel="stylesheet" href="decor.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jons viladating</title>
<script type="text/javascript">
<!-- <![CDATA[
   function showjonsForm() {
var errors = "";
// check for any empty strings
  if (document.forms[0].fname.value == "")
      errors += "fname\n";
          if (document.forms[0].lname.value == "")
      errors += "lName\n";
  if (document.forms[0].addrs1.value == "")
  errors += "Address\n";
  if (document.forms[0].city.value == "")
  errors += "City\n";
  if (document.forms[0].state.value == "")
      errors += "State\n";
  if (document.forms[0].zip.value == "")
      errors += "Zip\n";
   if (document.forms[0].phone.value == "")
       errors += "Phone\n";
  if (document.forms[0].email.value == "")
      errors += "Email\n";
  if (document.forms[0].pw2.value == "")
      errors += "Confirm password\n";

   if (document.forms[0].dob.value == "")
      errors += "Date of birth\n";
  if (document.forms[0].sex.value == "")
     errors += "sex\n";
     // don't need to check checkboxes
   if (errors != "") {  //something was wrong}))
      alert ("Please fix these errors\n" + errors) ;
          return false;
 }
       var stringx;
    stringx = "fName:" + document.forms(0).fname.value;
    stringx = "lName:" + document.forms(0).lname.value;
    stringx += "\nAddress: " + document.forms(0).addrs1.value;
    stringx += "\nCity: " + document.forms(0).city.value;
    stringx += " \nState: " + document.forms(0).state.value;
    stringx += " Zip: "+ document.forms(0).zip.value;
    stringx += "\nPhone: " + document.forms(0).phone.value;
    stringx += "\nE-mail:" + document.forms(0).email.value;
    stringx += "\nConfirm password " + document.forms(0).pw2.value;
    stringx += "\nDate of birth: " + document.forms(0).dob.value;
    stringx += "\nSex: " + document.forms(0).sex.value;
    alert(stringx);
    return false //set to false to not submit
} 
 //  ]]> -->
</script>
   <h1>jons validations test</h1>
   </head>
 <body>
  <div id="rightcolumn">
 <img src="hula.gif"  align="right"/>   
 </div>
<text align="left">
   <form name="jon"  action="formoutput.php" onsubmit="return showjonsForm()"      Method="post"> 
  <fieldset style="width:250px">
   <label> first name</label> <input type="text" name="fname" size="15" maxlength="22"    onBlur="checkRequired( this,'fname')"/><br />
   <label>last name</label> <input type="text" name="lname" size="10" maxlength="22">      <br />
 </fieldset>
  <fieldset  style="width:250px">
  <label>address</label> <input type="text" name="adrs1" size="10" maxlength="30"><br />
   <span class="msg_container" id="adrs2"></span><br />
   <label>city</label> <input type="text" name="city" size="10" maxlength="15"><br />
   <span class="msg_container" id="city"></span><br />
   <label>state</label> <input type="text" name="state" size="10" maxlength="2"><br />
   <span class="msg_container" id="state"></span><br />
   <label>zip</label> <input type="text" name="zip" size="10" maxlength="5"><br />

  </fieldset>
  <fieldset style="width:250px">
   <label>phone</label> <input type="text" name="phone" size="10" maxlength="10"><br />
  <div>please input phone number in this format 1234567892 thank you </div>
   <label>email</label> <input type="text" name="email" size="10" maxlength="22"><br />
   <div> password must have 1 number  upper case and minimum of 6 charcters</div> 
   <label>password</label> <input type="text" name="pw2" size="10" maxlength="12"><br  />
   <label>select gender type</label> <select name="sex" size="1" <br />
   <option>male</option>
   <option>female</option>
   <option>timelord</option>
   </select>
   <label>date of birth</label> <input type="text  name="dob" size="8" maxlength="8"/>
   <div> would you like to know know more</div>
   <label> yes</label> <input type="checkbox"  checked="checked" name="check" />
   </fieldset>  
   <input type="submit"/></form>

   </form>
   <div id="footer">
   <img src="laps2.jpg"> <img src="orange.jpg"><img src="ok.jpg">
   </div>
   </body>
   </html>
4

3 回答 3

0

<input type="text" name="adrs1" size="10" maxlength="30">

change into

<input type="text" name="addrs1" size="10" maxlength="30">

Because in your JavaScript, it is document.forms[0]. addrs1 .value

Not related

Your Javascipt looks very cumbersome. Maybe you can simplify it?

You can simplify all those document.forms[0].blah.value == "" into: (using jQuery)

$("form > fieldset > input").each(function(){
    (this.value == "") && (errors += $(this).before().html() + "\n")
})
于 2012-04-09T05:26:24.810 回答
0

我刚刚验证了您的代码的两个 在此处输入图像描述 字段 在此处输入图像描述

于 2014-01-27T14:15:34.367 回答
0 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 <link rel="stylesheet" href="decor.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jons viladating</title>
<script type="text/javascript">
function showjonsForm(form) 
  {
    if(form.fname.value=="")
    {
        alert("Please Enter your First Name..");
        form.fname.focus();
        return false;
    }

    if(form.lname.value=="")
    {  
        alert("Please Enter your Last Name..");
        form.lname.focus();
        return false;
    }


}

</script>


 <body>


<h1>jons validations test</h1>
<form name="jon"  action="#" onsubmit="return showjonsForm(this)"      Method="post">
 <fieldset style="width:250px">
<label> first name</label> <input type="text" name="fname" size="15" maxlength="22"    onBlur="checkRequired( this,'fname')"/><br />
<label>last name</label> <input type="text" name="lname" size="10" maxlength="22">  <br />
 </fieldset>
<input type="submit"/></form>
  </body>


</html>

最后我可以给你代码:)

于 2014-01-27T14:36:12.800 回答