在HTML中如何实现在弹窗里进行下一步操作。

html-css014

在HTML中如何实现在弹窗里进行下一步操作。,第1张

两种方案:

如果前后有关联的话可以利用Ajax求情用于返回数值,然后重新渲染一下弹出窗口,进行下一步

如果没有什么关系的话就直接两个层,一个现实一个隐藏,等一个填完了点下一步之后当前层隐藏,下一个层显示

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<script>

function CheckForm(){

if(document.form1.Company.value==""){

alert("公司名称不可以是空的")

document.form1.Company.focus()

return false

}

var yw = false

var yws = document.form1.ywlx

for(var i=0i<yws.lengthi++){

if(yws[i].checked){

yw = true

}

}

if(!yw){

alert("业务类型不可以是空的")

return false

}

return true

}

</script>

</head>

<body>

<form name="form1" method="post" action="goadd2.asp" onsubmit="return CheckForm()">

<td><strong>业务类型:</strong></td>

公司名称<input name="Company" class="input_char" type="text" id="Company" >

</p>

<br>

业务一<input type="radio" name="ywlx" value=" 业务一">

业务二<input type="radio" name="ywlx" value=" 业务二">

业务三<input type="radio" name="ywlx" value=" 业务三">

业务四<input type="radio" name="ywlx" value="业务四">

<input type="submit" name="Submit" class="input_submit" value="下一步">

</form>

</body>

</html>

同意利用一些现成的Validator表单验证插件,不但方便而且界面提示比较友好,比如jQuery的Validator

=================================================================

改成这样

function CheckForm(){

var company = document.form1.Company.value

if(company==""){

alert("公司名称不可以是空的")

document.form1.Company.focus()

return false

}

//1个汉字是占两位 更正 还是1位的

if(company.substr(0, 3) != "山东省" &&company.substr(0, 3) != "浙江省"){

alert("公司名称要以山东省或浙江省开头")

document.form1.Company.focus()

return false

}

if var yw = false

var yws = document.form1.ywlx

for(var i=0i<yws.lengthi++){

if(yws[i].checked){

yw = true

}

}

if(!yw){

alert("业务类型不可以是空的")

return false

}

return true

}

====================================================================

如果规定的开头名称多的话可以定义成数组,方便以后添加,如下

<script>

var companyArray = ["山东省","浙江省"] //定义规定的开头名称

var checknamemsg = companyArray.join("或") //定义提示信息

function CheckForm(){

var company = document.form1.Company.value

if(company==""){

alert("公司名称不可以是空的")

document.form1.Company.focus()

return false

}

//1个汉字是占两位 更正 还是1位的

if(!CheckName(company.substr(0, 3))){

alert("公司名称要以"+ checknamemsg +"开头")

document.form1.Company.focus()

return false

}

var yw = false

var yws = document.form1.ywlx

for(var i=0i<yws.lengthi++){

if(yws[i].checked){

yw = true

}

}

if(!yw){

alert("业务类型不可以是空的")

return false

}

return true

}

//判断数组中是否存在传进来的值,如果存在返回true,否则返回false

function CheckName(s){

for(var i in companyArray){

if(companyArray[i] == s){

return true

}

}

return false

}

</script>

更正company.substr(0, 6) -----》 company.substr(0, 3)