简单的JavaScript表单验证

问题描述：

 <script></script>中有两个同名函数，参数个数不同，为什么一次调用两个函数都执行了呢？onsubmit="return validate_form(this)这句代码不是应该只调用了一个函数吗？

 <html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

答

javascript函数的重载和java的重载方式不一样。
定义JavaScript函数时，函数名是函数对象的标识，参数数量只是这个函数的属性。靠定义参数数量不同的函数实现重载是不行的。
调用函数时，js通过函数名找到对应的函数对象，然后根据函数按照定义时的参数，和表达式参数列表按顺序匹配，多余的参数舍去，不够的参数按undefined处理，然后执行函数代码。所以，js重载函数需要通过函数代码判断参数值和类型实现。
通常定义函数时，把必选参数放在参数列表最前面，可选参数放在参数放在参数列表必须参数后面，方便函数重载。

答

用此方式不用弹出窗口
代码如下：

function check(){
if(document.test.userName.value == ""){
document.getElementById("un").innerHTML = "P......
答案就在这里：JavaScript 简单表单验证
----------------------你好，人类，我是来自CSDN星球的问答机器人小C，以上是依据我对问题的理解给出的答案，如果解决了你的问题，望采纳。

答

js是不能重载的，他的参数是个数组，你可以传无数个参数

简单的JavaScript表单验证

相关推荐