form表单提交，前端验证,dedecms表单提交验证

Form表单提交，js验证

1,  Onclick()

2, Onsubmit()

Button标签 input (属性 submit  button )标签

Input type=button   定义按钮，没有任何行为。多数情况下，用于通过javascript启动脚本

Input type=submit 定义提交按钮，提交按钮会把表单数据发送到服务器

 

1，  onclick  与 Input type=submit 搭配  

<form action=”XXXX”  method=”post” >

<input type=”text”  name=”nihao” >

<input type=”submit”  value=”提交”   οnclick=”return check(this.from)  ” >

</form>

 

Function check(form){

//这个form参数代表html中的表单元素集合

Form.nihao代表是　<input type=”text”  name=”nihao” >真个标签

Var  info =form.nihao.value;

 

}

<form action="/plus/diy.php" enctype="multipart/form-data" method="post" onSubmit="return check(this)">
          <input type="hidden" name="action" value="post" />
          <input type="hidden" name="diyid" value="1" />
          <input type="hidden" name="do" value="2" />
          <table>
            <tr>
              <td class="td1">姓名</td>
              <td class="td2">
                <input id="zs_name" name="zs_name" class="required" type="text" placeholder="请填写您姓名">
              </td>
            </tr>
            <tr>
              <td class="td1">电话</td>
              <td class="td2">
                <input id="zs_phone" name="zs_phone" class="required" οnkeyup="value=value.replace(/[^\d]/g,'')"  type="text" placeholder="请填写您的手机号码">
              </td>
            </tr>
            <tr>
              <td class="td-qq">QQ</td>
              <td class="td2">
                <input id="zs_qq" type="text" name="zs_qq" οnkeyup="value=value.replace(/[^\d]/g,'')" class="" placeholder="请填写您的QQ号">
              </td>
            </tr>
          </table>
          <div class="form-submit">
            <input type="hidden" name="dede_fields" value="zs_name,text;zs_phone,text;zs_qq,text;zs_school,text;zs_zhuanye,text;zs_sex,text;zs_city,text"/>
            <input type="hidden" name="dede_fieldshash" value="d50c985f2bb0d21083f7ba902b48d051" />
            <input class="button" type="submit" id="send" name="dosubmit" value="提交" />
          </div>
        </form>

js验证

function check(form) {
      if(form.zs_name.value==""){
                alert("请输入您的真实姓名(不能为空)!");
            form.zs_name.focus();
            return false;
          }
      if (form.zs_phone.value == "") {
                alert("请输入您的电话号码(不能为空)!");
            form.zs_phone.focus();
            return false;
          }
      if (form.zs_qq.value == "") {
                alert("请输入您的QQ号码(不能为空)!");
        form.zs_qq.focus();
            return false;
          }
          return true;
    }

在javascript中，事件调用函数时，用return返回值实际上是对window.event.returnValue进行设置

而该值决定当前操作是否继续，true是继续 false中断

第二种方法：onsubmit 与 Input type=submit 搭配  

上述两种方法的  Input type=submit 等同于 button标签

第三种方法：onclick 与 Input type=button 搭配  

注意：Input type=button 提交不会触发form的 onsubmit事件