怎么在html表单中用js做表单提交时的监测(姓名,电话不能为空)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么在html表单中用js做表单提交时的监测(姓名,电话不能为空)相关的知识,希望对你有一定的参考价值。

<div id="shenqingbiao"> <form> <h2>加盟申请信息表</h2> 姓名:<input type="text1" name="姓名"/><br> 电话:<input type="text2" name="电话"/><br> 邮箱:<input type="text3" name="邮箱"/><br> QQ号:<input type="text4" name="QQ号"/> </form> </div>

把你的姓名和电话加上ID属性,比如
<input type="text1" id="xingming" name="姓名"/><br> 电话:<input type="text2" id="dianhua" name="电话"/>

然后写下面的JS
function checkform()
var xingming= document.getElementById("xingming").value;
if (xingming== "")
alert("姓名不能为空!");
return false;


var dianhua= document.getElementById("dianhua").value;
if (dianhua== "")
alert("领料日期不能为空!");
return false;

参考技术A <html>
<head>
<title></title>
</head>
<body>
<form onsubmit="return yanzheng();">
<input type="text" id="name" name="姓名" />
<script>
function yanzheng()
var name = document.getElementById("name").value;
if (name == "")
alert("请输入用户名");
return false;

return true;


</script>
<input type="submit" value="提交" />
<form>
</body>
</html>
其他的相似本回答被提问者采纳
参考技术B 为form添加onsubmit事件
在事件中检测追问

能不能给点具体代码参考一下 谢谢了

js 提交的表单后如何在本页面接收返回值

我这个是要在html页面上写的,调用的是asp里面的内容。a.html提交表单数据到a.asp中,返回的数据在a.asp中显示,但是我想要它在我提交的a.html页面上读取到数据。

ajax 做表单提交, 同时也能获得服务器返回的状态信息,不过原生的ajax过于繁琐建议使用 jquery来做  比如

$.get(url,function(data)
alert(data);
);
<!-- data就是你获得的返回信息-->

参考技术A 你可以把a.asp通过框架嵌入到a.html里面啊

或者你也可以采用ajax技术来处理
参考技术B 你的描述就是说的ajax功能,你可以去学学ajax专门解决这个问题,如果是用jquery+asp,是非常简单的。追问

有具体的方法说明嘛?之前没有接触过asp,因为工作需要。没办法!

追答

本例中子需要下jquery命名为jquery-1.6.2.js放于同级目录,一下两个网页均位于同级目录
t.html

t7

$(document).ready(function()
$("#send").click(function()
alert("input content is: "+$("#ct").val());
$.get("recevie.asp",Action:"get",t:($("#ct").val()),function (data,textStatus)
alert("return content is: "+data);
);
);
);

recevie.asp

本回答被提问者采纳

以上是关于怎么在html表单中用js做表单提交时的监测(姓名,电话不能为空)的主要内容,如果未能解决你的问题,请参考以下文章

jsp 中用js提交表单并关闭本窗口的问题。

jsp 中用js提交表单并关闭本窗口的问题

ASP中用submit提交表单后不清空文本框的内容,怎么做?

HTML 表单提交 的简单代码

angularjs表单提交 怎么接受数据

求技术高手给写个JS代码 使下面这个提交表单 没有输入姓名 手机号码 等前提下不能提交表单申请!谢谢