<script type="text/javascript">
function sub(){
if(document.form1.xingming.value=="") {
alert("姓名不能为空!");
form1.xingming.focus();
return false;
}
if(document.form1.mail.value=="") {
alert("请输入邮箱");
form1.mail.focus();
return false;
}
else{
var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!reg.test(document.form1.mail.value)){
alert("邮箱格式不正确!");
form1.mail.focus();
return false;
}
}
if(document.form1.liuyan.value=="") {
alert("请输入留言标题");
form1.liuyan.focus();
return false;
}
if(document.form1.neirong.value=="") {
alert("请输入留言内容");
form1.neirong.focus();
return false;
} document.form1.action="/跳转地址";
document.form1.submit();
} </script>

以上是js代码

以下是界面                           
<div class="letterMain">
<form action="/zykj_tl/wyzx.zykj" method="post" name="form1" id="form1">
<table class="letterMainTable">
<tr>
<td width="90" height="40" align="center" bgcolor="f3f3f3">姓 名:</td>
<td height="40" width="269" align="left"><input type="text" name="xingming" id="xingming" maxlength="10"/><span class="redFont" style="position:relative;*top:-4px;">*</span></td>
<td width="90" height="40" align="center" bgcolor="f3f3f3">E-mail:</td>
<td height="40" align="left"><input type="text" name="mail" id="mail" maxlength="40"/></td>
</tr>
<tr>
<td height="40" align="center" bgcolor="f3f3f3">地址:</td>
<td height="40" align="left"><input type="text" name="dizhi" id="dizhi" maxlength="50"/></td>
<td height="40" align="center" bgcolor="f3f3f3">QQ号码:</td>
<td height="40" align="left"><input type="text" name="qq" id="qq" maxlength="20"/></td>
</tr>
<tr>
<td height="40" align="center" bgcolor="f3f3f3">留言主题:</td>
<td height="40" align="left" colspan="3"><input type="text" style="width:551px;" name="liuyan" id="liuyan" maxlength="50"/><span class="redFont" style="position:relative;*top:-4px;">*</span></td>
</tr>
<tr>
<td height="178" align="center" bgcolor="f3f3f3">内 容</td>
<td height="178" align="left" colspan="3"><textarea style="width:551px;height:160px;" name="neirong" id="neirong"></textarea><span class="redFont" style="position:relative;top:-67px;*top:-71px;">*</span></td>
</tr> </table> <tr>
<td height="70" align="center" colspan="4">
<!-- <a href="###" class="surveySubmit" style="margin-left:226px;">提 交</a>
<a href="###" class="surveyView">重 置</a> -->
<input type="button" name="button" class="surveySubmit" onclick="sub()" style="margin-left:226px;margin-top:30px;" value="提交" style="border:0px;">
<input type="button" name="button" class="surveyView" style="margin-top:30px" onclick="reset()" value="重置" style="border:0px;" >
</td>
</tr> </form>
</div>

之前的有点问题,自己改过来的

js 的 提交的更多相关文章

  1. JS、jqueryie6浏览器下使用js无法提交表单的解决办法

    -----------------------JS.jqueryie6浏览器下使用js无法提交表单的解决办法---------------------------------------------- ...

  2. js防止提交数据之后的按钮连击

    js防止提交数据之后的按钮连击 一.实例描述 当页面提交的数据特别多时,页面会反应比较迟钝,此时如果用户等不及而连续单击按钮,导致数据重复提交.本案例就是为了防止数据重复提交. 二.截图 三.代码 & ...

  3. js post提交

    /* js跳转页面 url跳转地址,params参数列表 */ function Posturl(url,params){ //创建form表单 var temp_form=document.crea ...

  4. js 回车提交表单的实现

    我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键 ...

  5. jquery.form.js ajax提交上传文件

    项目中最近有用到表单提交,是带有图片上传的表单录入,需要ajax异步提交,网上找了好多例子都是只能提交上传字段一个信息的,这里整理一下.表单里有普通文本信息字段也有图片上传字段. 1.jsp代码--引 ...

  6. jQuery.Form.js 异步提交表单使用总结

    jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js <script ...

  7. JS post提交表单

    js post方式提交表单有两种办法,1:AJAX提交 2:在JS里拼出一个form,然后submit 第二种办法的代码 //这个主要是解决给password MD5 var email = 'ema ...

  8. 转 js调用提交表单。

    今天做网银支付的时候,需要做到点击支付的时候提交订单,然后新窗口打开支付界面. 思路1:window.open(''),这个直接被pass了,因为银行的服务一般都是需要post数据的.就算是可以用ge ...

  9. js阻止提交表单(post)

    在注册页面,我们经常要用到页面验证,验证到不符合要求的数据就阻止提交到服务器,如下 <script type="text/javascript"> function C ...

随机推荐

  1. js - get-the-value-from-the-url-parameter(可以在非模态对话框中使用)

    ref: http://stackoverflow.com/questions/979975/how-to-get-the-value-from-the-url-parameter 函数: funct ...

  2. ios专题 - 多线程非GCD(1)

    iOS多线程初体验是本文要介绍的内容,iPhone中的线程应用并不是无节制的,官方给出的资料显示iPhone OS下的主线程的堆栈大小是1M,第二个线程开始都是512KB.并且该值不能通过编译器开关或 ...

  3. 函数还能这样玩儿~实现类似add(1)(2)(3)的函数

    人生的第一份前端工作找到了,感谢大神主子们给半路出家自学的我这么多的机会,很高兴正式踏上客观又乐趣满满的程序员之路,哇咔咔咔. ​ 分享一个准备面试时遇到的一个有趣的问题: 要求实现类似add(1)( ...

  4. Java面向对象程序设计--与C++对比说明:系列2(类机制)

    1. Java中的包机制(Package): 1.1   Java容许将一系列的类组合到一个叫package的集合中.package机制是一种非常好的管理工作的方式并可以将你自己的工作和系统或第三方提 ...

  5. PHP设计模式之:外观模式

    外观模式: 外部与一个子系统的通信必须通过一个统一的外观对象进行,为子系统中的一组接口提供一个一致的界面,Facade模式定义了一个高层接口,这个接口使得这一子系统更加容易使用: 外观模式又称为门面模 ...

  6. Apache 多站点(虚拟主机)

    普遍 apache多站点(灰色(连接一起的红色)字体 为命令) 编辑文件:httpd.conf 找到以下内容: # Virtual hosts # Include /private/etc/apach ...

  7. java执行机制

    java代码编译是由Java源码编译器来完成,流程图如下所示: Java字节码的执行是由JVM执行引擎来完成,流程图如下所示: Java代码编译和执行的整个过程包含了以下三个重要的机制: Java源码 ...

  8. PinchArea QML Type

    PinchArea类型是在QtQuick 1.1中添加进去的.PinchArea是一个不可见的对象,常用在与一个可见对象连接在一起,为对应的可见对象提供手势操作.enabled属性被用来去设置绑定对象 ...

  9. gocode 安装

    1.安装git,将git/bin添加至PATH 2.执行go get -u github.com/nsf/gocode 3.在%GOPATH%/bin/下会生成gocode.exe

  10. C++编译器合成Default Constructor的4种情况

    笔记C++编译器为编译器需要合成Default Constructor的4种情况. 1,Class A内含Class B对象,Class A没有Default Constructor时会在编译时合成D ...