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事件

最后

以上就是瘦瘦毛衣为你收集整理的form表单提交，前端验证,dedecms表单提交验证的全部内容，希望文章能够帮你解决form表单提交，前端验证,dedecms表单提交验证所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。