如何在提交表单上使用javascript运行多个功能? [英] how to run multiple functions in javascript using on submit form?
本文介绍了如何在提交表单上使用javascript运行多个功能?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何在提交表单上使用javascript运行多个功能?
how to run multiple functions in javascript using on submit form?
<html>
<head>
<script type="text/javascript">
function first_name()
{
if(document.f_name.firstname.value=="")
{
alert("Please enter your first name!");
return false;
}
else if(!isNaN(document.f_name.firstname.value))
{
alert ("Please enter only alphabets!");
return false;
}
else
return true;
}
function f_password()
{
if(document.f_name.pwd.value != '' && document.f_name.pwd.value == document.f_name.cpwd.value)
{
if(document.f_name.pwd.value.length < 6)
{
alert("Password should be more than 6 characters!")
}
}
else
alert("Please check your password!");
}
function f_username()
{
if(document.f_name.username.value.length < 5)
{
alert("Username should be more than 5 characters!")
}
else
return false;
}
function f_email()
{
var e=/^([a-zA-Z0-9_.-])+@+([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
if(e.test(document.f_name.email.value))
{
return true;"
}
else
{
alert("Please enter valid email!");
}
}
function phone()
{
p=/[0-9]/;
if(document.f_name.phn.value!='')
{
if(p.test(document.f_name.phn.value))
{
return true;
}
else
{
alert("Please enter only numbers!");
}
}
else
alert("Please enter phone number!");
}
function last_name()
{
if(document.f_name.lastname.value=='')
{
alert("Please enter your last name!");
}
else if(!isNaN(document.f_name.lastname.value))
{
alert ("Please enter only alphabets!");
}
else
return false;
}
</script>
<link href="form.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>
<table border="0" align="left" class="a">
<tr><th colspan="2" align="center"><h1>REGISTRATION FORM</h1></th></tr>
<tr><td>
</td></tr>
<form name="f_name" method="post" onSubmit="return first_name(); return last_name(); return f_username(); return f_email(); return f_password(); return phone()">
<tr><th class="bt">
Firstname:</th><th><input type="text" name="firstname" size="33">
</th></tr>
<tr><th class="bt">
Last Name:</th><th>
<input type="text" name="lastname" size="33">
</th></tr>
</td></tr>
<tr><th class="bt">
Username:</th><th><input type="text" name="username" size="33">
</th></tr>
<tr><th class="bt">
Email:</th><th><input type="text" name="email" size="33">
</td></tr>
<tr><th class="bt">
Password:</th><th><input type="password" name="pwd" size="33">
</th></tr>
<tr><th><span class="bt">
Confirm password:</span></th>
<th> <span class="bt">
<input type="password" name="cpwd" size="33">
</span></th>
</tr>
<tr><th class="bt">
Phone no.:</th><th><input type="text" name="phn" size="33" >
</th></tr>
<tr><th class="bt">
Gender:</th><th><input type="radio" value="male" name="gender">
<span class="bt">Male</span>
<input type="radio" name="gender" value="female">
<span class="bt">Female</span></th></tr>
<tr><th align="center" colspan="2">
<center>
<input type="submit" value="Submit" name="submit">
</center>
</th></tr>
</form>
</table>
</center>
<center>
</center>
</body>
</html>
当我运行此代码时，没有执行任何验证，请帮助我......
when i run this code no validation performed plz help me...............
推荐答案
问题出在您的逻辑上.
将所有调用的函数汇总到一个函数中.然后返回总结.示例如下:
the problem is with your logic.
agregate all the called function in one function. an then return the summery. example below:
function varify()
{
if(element.value)=="")
return false
if(element2.value=="")
return false
return true
}
这篇关于如何在提交表单上使用javascript运行多个功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
