1

如果我错了,请纠正我,但是是否可以在脚本标记之后声明一个变量,以便可以在整个脚本中使用它?我试过这个,我的功能就像它不存在一样。我做错了什么,或者这应该发生。如果它们是完全相同的东西,我不想不得不为每个函数重新声明我的所有变量。

对于那个很抱歉

<script>
  var na=document.getElementById('nr');
  var ea=document.getElementById('er');
  var em=document.subscribe.email;
  var fn=document.subscribe.fname;
  var ln=document.subscribe.lname;
  var eml=document.subscribe.email.value.length;
  var fnl=document.subscribe.fname.value.length;
  var lnl=document.subscribe.lname.value.length;
  var at=document.subscribe.email.value.indexOf("@");
  var per=document.subscribe.email.value.lastIndexOf("."); 

function validate_form() {
  if((fnl<1 || lnl<1) && !eml<1){
      alert("Please enter your first and last name.")
      if(fnl<1){fn.focus()}else{ln.focus()}
      }
  else if((fnl<1 || lnl<1) && eml<1){
      alert("Please fill in all fields.")
      if(fnl<1){fn.focus()}else{ln.focus()}
      }  
  else if(eml<1 || at<1 || per-at<2 || eml-per<2){
      alert("Please enter a valid email address")
      em.focus()
      }    
  else if (at>1 && per-at>2 && eml-per>2 && fnl>1 && lnl>1){return true}
  vfn(); vln(); vem();
 return false}

当变量位于函数内部时,它工作得非常好,但是当它们像这样时,什么也没有发生。

4

3 回答 3

1

问题是变量(特别是 eml、fnl、lnl)包含在声明它们时获得的值。每次调用函数时,JS 都不会重新计算字符串的长度或元素的值。

当您在函数内移动这些变量时,实际上每次调用函数时它们都会“重新计算”。

我要做的是将分配了 DOM 元素的变量留在函数之外,但将获取 DOM 元素的值/长度的变量移动到函数内。然后您可以引用包含 dom 元素的变量。

例如(部分代码):

var na=document.getElementById('nr'),
    ea=document.getElementById('er'),
    em=document.subscribe.email,
    fn=document.subscribe.fname,
    ln=document.subscribe.lname;

function validate_form() { var eml=em.value.length, fnl=fn.value.length, lnl=ln.lname.value.length, at=em.value.indexOf("@"), per=em.value.lastIndexOf("."); // Rest of code.

于 2010-12-05T09:42:36.443 回答
1

我实际上想出了如何做到这一点。我刚刚阅读了有关全局变量的内容,以及如何在函数中声明它们。所以我把所有的变量放回函数里面,抹去上面的“var”,现在它工作得很好。

function validate_form() {
   na=document.getElementById('nr');
   ea=document.getElementById('er');
   em=document.subscribe.email;
   fn=document.subscribe.fname;
   ln=document.subscribe.lname;
   eml=document.subscribe.email.value.length;
   fnl=document.subscribe.fname.value.length;
   lnl=document.subscribe.lname.value.length;
   at=document.subscribe.email.value.indexOf("@");
   per=document.subscribe.email.value.lastIndexOf("."); 
  if((fnl<1 || lnl<1) && !eml<1){
      alert("Please enter your first and last name.")
      if(fnl<1){fn.focus()}else{ln.focus()}
      }
  else if((fnl<1 || lnl<1) && eml<1){
      alert("Please fill in all fields.")
      if(fnl<1){fn.focus()}else{ln.focus()}
      }  
  else if(eml<1 || at<1 || per-at<2 || eml-per<2){
      alert("Please enter a valid email address")
      em.focus()
      }    
  else if (at>1 && per-at>2 && eml-per>2 && fnl>1 && lnl>1){return true}
  vfn(); vln(); vem();
 return false}
于 2010-12-05T09:49:00.607 回答
0

如果您将所有这些代码包装在window.onload事件中会更好。或者在$(function(){ });jquery 的情况下在里面。

我假设validate_form()单击任何按钮/超链接都会调用该函数。

如下所示:

var na = null;
var ea = null;
var em = null;
var fn = null;
var ln = null;
var eml = null;
var fnl = null;
var lnl = null;
var at = null;
var per = null;

window.onload = function () {
    na = document.getElementById('nr');
    ea = document.getElementById('er');
    em = document.subscribe.email;
    fn = document.subscribe.fname;
    ln = document.subscribe.lname;
    eml = document.subscribe.email.value.length;
    fnl = document.subscribe.fname.value.length;
    lnl = document.subscribe.lname.value.length;
    at = document.subscribe.email.value.indexOf("@");
    per = document.subscribe.email.value.lastIndexOf(".");
};
于 2010-12-05T09:42:16.207 回答