JS怎么实现必填项都填完以及填写格式都正确后再点击提交按钮弹出提交成功,否则提交失败,请重新填写

JavaScript023

JS怎么实现必填项都填完以及填写格式都正确后再点击提交按钮弹出提交成功,否则提交失败,请重新填写,第1张

找到这些函数吧,这些应该是校验的,你那里其实已经是配置了很多,但还需要调整一下,没有看到你的全部代码,也不知具体怎么调,建议多用点console来打印值出来,这样你可以看到代码的执行顺序,然后才能判断是哪个环节出错

这段代码的优点是随便你定义多少个自定义化必须项目。。。。

先解说下:一般以

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

if(form.ly_name.value == "")

       {

       alert("请填写您的大名!") // js提示

  form.ly_name.focus()  

       return false

       }

只要 改下name名称      多次利用可循环标签  

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

return true  //结尾

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

其中ly_name是表单中某个你需要浏览者必填的项目name名称

<!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/html charset=utf-8" />

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

</head>

<body>

<form action="" method="post" name="form" onSubmit="return CheckForm(this)">

<table width="70%" border="0" cellpadding="3" cellspacing="1" bgcolor="#b4c6db">

<tbody>

    <tr>

      <td width="15%" height="30" class="newly_name">您的大名</td>

      <td colspan="2" class="ly_title2"><input name="ly_name" type="text" tabindex="1" onMouseOver="this.className='input_1'"

onMouseOut="this.className='input_2'" /><font class="redstar">*</font><font class="zhu" >[ 带<font class="redstar">*</font>部

分为必填项 ]</font></td>

      <td width="16%" rowspan="4" style="background:#fff" class="ly_title2" align="right">&nbsp</td>

    </tr>

   

        <tr height="30">

      <td class="newly_sex">您的性别:</td>

      <td colspan="2" class="ly_title2">

      <img src="images/boy.gif" /><input name="ly_sex" type="radio" value="先生" checked />先生

      <img src="images/girl.gif" /><input name="ly_sex" type="radio" value="女士 /">女士      </td>

      </tr>

   

    <tr>

      <td class="newly_qq" height="30">您的QQ:</td>

      <td colspan="2" class="ly_title2"><input type="text" tabindex="2" onMouseOver="this.className='input_1'"

onMouseOut="this.className='input_2'" /> <font class="redstar">*</font></td>

      </tr>

     

     

      <tr>

        <td class="newly_title">留言标题:</td>

        <td colspan="2" class="ly_title2"><input name="ly_title" type="text" tabindex="3" onMouseOver="this.className='input_1'"

onMouseOut="this.className='input_2'" /><font class="redstar">*</font> </td>

      </tr>

    <tr>

          <td class="newly_content">留言内容:</td>

          <td colspan="3" class="ly_title2"><textarea name="ly_content" cols="70" rows="15" tabindex="5"

style="background:#fff url(images/notepad.jpg) right center no-repeat" onMouseOver="this.className='input_1'"

onMouseOut="this.className='input_2'" ></textarea> <font class="redstar">*</font> </td>

        </tr>

       

      <tr height="30">

      <td class="ly_title">&nbsp</td>

      <td width="31%" class="ly_title2"><span class="ly_title">

        <input value="提交留言" class="inp_L1" onMouseOver="this.className='inp_L2'"

onMouseOut="this.className='inp_L1'" id="input_btn2" name="input_btn" tabindex="6" type="submit" onClick="form.submit()" onKeyDown="if (event.keyCode==13) form.submit()" />

      </span></td>

      <td width="38%" class="ly_title2"><input value="清空再来" class="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" id="input_btn1" name="enter.x" tabindex="7" type="reset" /></td>

      <td class="ly_title2">&nbsp</td>

      </tr>

          </tbody>

</table>

</form>

 

<SCRIPT language=JavaScript>

function CheckForm(form)

{

      

   if(form.ly_name.value == "")

        {

        alert("请填写您的大名!")

   form.ly_name.focus()

        return false

        }

    

   if(form.ly_qq.value == "")

        {

        alert("请填写您的QQ!")

   form.ly_qq.focus()

        return false

        }

  

        if(form.ly_title.value == "")

        {

        alert("请填写您的留言标题!")

   form.ly_title.focus()

        return false

        }

  

   if(form.ly_content.value == "")

        {

        alert("请填写留言内容!")

   form.ly_content.focus()

        return false

        }

     

   if(form.ly_content.value.length > 500)

         {

          alert("详情内容不能超过500字!")

    form.ly_content.focus()

          return false

         }

   

   var regx=/^d{5,9}$/ //^表示不匹配。d表示任意数字,{5,9}表示长度为5到9。

        if(!regx.test(form.ly_qq.value)){

   alert("请输入你正确的QQ号")

   form.ly_qq.focus()

   return false

   }//用上面定义的正则表达式测试,如果不匹配则返回false,否则返回true

   return true   //结尾

}

</SCRIPT>

</body>

</html>

var flag = 0

for (var i =0i<6i++){

if (obj.k+i.value) flag ++

}

if (flag<3){alert("必须填写三项!")}

}