Question

ASP表单验证代码改为JS表单验证

我用这段ASP代码实现了表单验证，不过使用ASP代码验证很不方便，想改为JS验证，但不怎么要怎么写JS的，JS的一般基本验证不能为空的我会写，其他复杂些的我就写不出来，老是无效，麻烦大家帮我写一个JS验证表单代码，实现跟下面这段ASP验证代码一样的效果，谢谢，
If Trim(request("kehuname"))="" Then
Response.write"<script>alert(""客户名称不能为空，请重新填写！"&Copyright&" "");history.back();</script>"
response.end
End If

If Trim(request("cardid"))="" Then
Response.write"<script>alert("""&Copyright&" "");history.back();</script>"
response.end
End If

If Trim(request("cardtype"))="身份证" Then
If Len(Trim(request("cardid")))=15 or Len(Trim(request("cardid")))=18 Then
else
Response.write"<script>alert(""身份证号码位数不对，请核对并重新填写！ "&Copyright&" "");history.back();</script>"
response.end
End If
End If

If Trim(request("tel"))="" Then
Response.write"<script>alert(""联系电话不能为空，请重新输入！"&Copyright&" "");history.back();</script>"
response.end
End If

If Len(Trim(request("tel")))=8 or Len(Trim(request("tel")))=11 Then
else
Response.write"<script>alert(""联系电话有误，请核对并重新填写！ "&Copyright&" "");history.back();</script>"
response.end
End If

If Trim(request("zhifutype"))="1" Then
If Trim(request("))="" Then
Response.write"<script>alert(""银行帐号不能为空，请重新填写！"&Copyright&" "");history.back();</script>"
response.end
End If

If Trim(request("rebankid"))="" Then
Response.write"<script>alert(""确认帐号不能为空，请重新填写！"&Copyright&" "");history.back();</script>"
response.end
End If

If Trim(request("bankid"))<>Trim(request("rebankid")) Then
Response.write"<script>alert(""两次输入的银行帐号不一致，请重新填写！"&Copyright&" "");history.back();</script>"
response.end
End If
End If

If Trim(request("typeid"))="1" Then
If Trim(request("taocanej"))="" then
Response.write"<script>alert(""套餐类型还未选择，请重新选择！"&Copyright&" "");history.back();</script>"
response.End
End if
End If

If Trim(request("typeid"))="2" Then
If Trim(request("taocanyr"))="" then
Response.write"<script>alert(""套餐类型还未选择，请重新选择！"&Copyright&" "");history.back();</script>"
response.End
End if
End If

If Trim(request("typeid"))="3" Then
If Trim(request("taocansw"))="" then
Response.write"<script>alert(""套餐类型还未选择，请重新选择！"&Copyright&" "");history.back();</script>"
response.End
End if
End If

If Trim(request(""))="" Then
Response.write"<script>alert("" "&Copyright&" "");history.back();</script>"
response.end
End If

Answer 1

你这个用js也很麻烦，js中要设置你上面需要的形式参数，然后使用时，先从数据库中提取kehuname、type等值作为实参，调用js判断即可

追问

不需要提取数据库的，那2个判断是要获取单先框typeid和zhifutype这2个的值然后来确定taocan和bankid是否需要验证，能否帮写下代码。

追答

function check_input()
{
if (form1.kehuname.value ==0){
alert ("客户名称不能为空，请重新填写！");
form1.kehuname.focus();
return false;
}

if (form1.cardid.value ==0){
alert ("请输入身份证号！");
form1.cardid.focus();
return false;
}

if (form1.cardtype.value =="身份证"){
if (form1.cardid.value.length!=15||form1.cardid.value.length!=18){
alert ("身份证号码位数不对，请核对并重新填写！");
form1.cardid.focus();
return false;
}
}

if (form1.tel.value ==0){
alert ("联系电话不能为空，请重新输入！");
form1.tel.focus();
return false;
}
else
{ if (form1.tel.value.length!=8||form1.tel.value.length!=11)//有些地方的固话还是7位吧？可以自己增加
{ alert ("联系电话有误，请核对并重新填写！");
form1.tel.focus();
return false; }
}

if (form1.zhifutype.value ==1){
if (form1.bankid.value ==0){
alert ("银行帐号不能为空，请重新填写！");
form1.bankid.focus();
return false; }

if (form1.rebankid.value ==0){
alert ("确认帐号不能为空，请重新填写！");
form1.rebankid.focus();
return false; }

if (form1.bankid.value !=form1.rebankid.value){
alert ("两次输入的银行帐号不一致，请重新填写！");
form1.bankid.focus();
return false; }
}

if (form1.typeid.value ==1){
if (form1.taocanej.value ==0){
alert ("套餐类型还未选择，请重新选择！");
form1.taocanej.focus();
return false; }
}
else
if (form1.typeid.value ==2){
if (form1.taocanyr.value ==0){
alert ("套餐类型还未选择，请重新选择！");
form1.taocanyr.focus();
return false; }
}
else
if (form1.typeid.value ==3){
if (form1.taocansw.value ==0){
alert ("套餐类型还未选择，请重新选择！");
form1.taocansw.focus();
return false; }
}

return true;
}

下面的表单调用js的时候，如下

中间略

追问

我测试了下，这个代码检验长度的还有些问题，身份证号码与联系电话这2个不管输入多少长的数据，都是无法通过。都会有出错的提示，麻烦再帮修改下，谢谢

追答

前面没验证，试着写了下，看来还是容易出错啊，!=两边少个空格，而且||应该改为&&，除了套餐部分，我前面都验证了，你试试吧，有问题再问吧，呵呵。

function check_input()
{
if (form1.kehuname.value ==0){
alert ("客户名称不能为空，请重新填写！");
form1.kehuname.focus();
return false;
}

if (form1.cardtype.value =="身份证"){
if (form1.cardid.value ==0){
alert ("请输入身份证号！");
form1.cardid.focus();
return false;
}
else
if (form1.cardid.value.length != 15 && form1.cardid.value.length != 18){
alert ("身份证号码位数不对，请核对并重新填写！");
form1.cardid.focus();
return false;
}
}

if (form1.tel.value ==0){
alert ("联系电话不能为空，请重新输入！");
form1.tel.focus();
return false;
}
else
{ if (form1.tel.value.length != 8 && form1.tel.value.length != 11)
{ alert ("联系电话有误，请核对并重新填写！");
form1.tel.focus();
return false; }
}

if (form1.zhifutype.value ==1){
if (form1.bankid.value ==0){
alert ("银行帐号不能为空，请重新填写！");
form1.bankid.focus();
return false; }

if (form1.rebankid.value ==0){
alert ("确认帐号不能为空，请重新填写！");
form1.rebankid.focus();
return false; }

if (form1.bankid.value !== form1.rebankid.value){
alert ("两次输入的银行帐号不一致，请重新填写！");
form1.bankid.focus();
return false; }
}

if (form1.typeid.value ==1){
if (form1.taocanej.value ==0){
alert ("套餐类型还未选择，请重新选择！");
form1.taocanej.focus();
return false; }
}
else
if (form1.typeid.value ==2){
if (form1.taocanyr.value ==0){
alert ("套餐类型还未选择，请重新选择！");
form1.taocanyr.focus();
return false; }
}
else
if (form1.typeid.value ==3){
if (form1.taocansw.value ==0){
alert ("套餐类型还未选择，请重新选择！");
form1.taocansw.focus();
return false; }
}

return true;
}

追问

现在身份证和联系电话可以验证到了，不过验证到联系电话后，后面的就无效了，联系电话验证通过后就直接可以提交数据，其他数据不对也没提示
form1.bankid.value 这里的bankid是表单的name还是id，如果是ID的话那三个2个支付方式的单选 框的ID不同，要怎么解决，还是可以2个单选械的ID设置为相同

追答

你的表单有问题吧，我前面测试的表单如下，部分你用列表的，我直接用文本了，嫌麻烦

客户名：

cardtype：

（6-12位）

身份证号：

（15||18位）

联系电话：

（8||11位）

zhifutype：

bankid：

rebankid：

追问

用文本时没问题，关键就卡在单选框这里无法验证，菜单 都 还可以验证。
if (form1.zhifutype.value ==1) 能不能把这名改为单选框是否被选中来判断。如果用值来判断，l因为不管有没有选中，这个值肯定是固定不变，加入值来判断没有作用，

追答

方法一：用radio，将js里的语句改为如下：
if (form1.zhifutype[0].checked == true){。。。后面一样的，就改这一句

方法二：改用下拉列表，如下：【不改js，改表单】

zhifutype：

1.委托银行代扣
2.交现金（到收费环节电话通知到营业厅缴现金）

两种方法都可以，随你选吧

后面的套餐我没弄，你自己参考上面的，应该可以解决了！

Answer 2

在你的输入页面的每个输入框设置失去焦点就运行一个函数，函数的内容就是先获取当前元素，再检查当前元素的值，然后给它做条件判断，再返回相应的文字提示，这样一个函数就可以用在所有的地方了，代码就不写了。