Question

用图片代替了提交按钮,怎样验证表单

js文件部分：

var password=document.form1.password.value;
var repassword=document.form1.repassword.value;
if(form1.username.value=="")
{

alert("用户名不能为空")}
else if(form1.password.value=="")
{
alert("密码不能为空")}
{return false;}
}

else
alert("注册成功，正在跳转");
{return true;}
}

表单部分：
<td align="right"><a href="javascript:fsubmit(document.form1);"><img src="img/1.gif"/> </a></td>
<td><a href="javascript:freset(document.form1);"><img src="img/2.gif" /></a></td>

怎样进行表单验证？

Answer 1

给input加个id
验证通过后执行下面的方法
document.getElementById("id").value获取表单的值

举例
<input type="text" id="1" size="5" maxlength="5" />

在js中要获取id为1的表单输入的值，只需要
inputxx=document.getElementById("1").value;即可，任何浏览器都可以。

追问

那个inputxx中的xx是什么啊？ 在哪里添加这句的。

追答

inputxx就是一个js变量名而已...你想用什么变量=表单那个值，就用哪个变量替换inputxx

给你个简单样例好了，点击确定后，表单的值显示在结果栏里面。

function wr()
{
var j,Result;

j=document.getElementById("1").value;

Result="结果："+j;
document.getElementById("Result").innerHTML=Result;
}

请输入N：

结果：0

你自己把
改成就行。

也就是把一个按钮换成一个图片

Answer 2

给form加个id
验证通过后执行下面的方法
document.getElementById("id").submit()
问题：在某览器上不支持这种提交，我见过好多次了
最好的还是用submit，然后给这个按钮设置一个样式

追问

某浏览器是指很多浏览器吗？

追答

我单位中用遨游不行，一个大项目里面用了N多js提交，，，
结果悲剧了一星期

Answer 3

不要用a href 你可以在IMG标签里加入onclick事件，这个事件调用你的JS验证代码

追问

onclick后面是什么？

追答

function yz(){
var password=document.form1.password.value;
var repassword=document.form1.repassword.value;
if(form1.username.value=="")
{

alert("用户名不能为空")}
else if(form1.password.value=="")
{
alert("密码不能为空")}
{return false;}
}

else
alert("注册成功，正在跳转");
{return true;}
}

}

Answer 4

这是我做的表单验证题，希望对你有所帮助。如有看不懂的，可以随时教你

追问

能网聊吗？三八三八九七零三零