导读: js中表单提交(共5篇)怎样用js创建Form表单并提交怎样用js创建Form表单并提交var f = document createElement(form);document body appendChild(f);var i = document createElement(input);i type = ...
怎样用js创建Form表单并提交
js中表单提交 第一篇
怎样用js创建Form表单并提交
var f = document.createElement("form");
document.body.appendChild(f);
var i = document.createElement("input");
i.type = "hidden";
f.appendChild(i);
i.value = "5";
i.name = "price";
f.action = "aa.asp";
f.submit();
--------------------如何在两个html的网页间传递变量?--------
<!--第一个页面-->
<html>
<head>
<script>
var key;
function textcontent(x)
{
key=document.getElementById(x).value;
location.href="test.htm?"+key;
}
</script>
</head>
<body>
<input id=x value=""/>
<input type=button value="跳转到test.htm页面" onclick="javascript:textcontent('x');"> </body>
</html>
<!--第二个页面-->
<html>
<head>
<title>text.htm页面</title>
<script defer>
var url=window.document.location.search;
if(url!=null)
{
url=url.substring(1,url.length);
}
alert(url);
</script>
</head>
<body>
</body>
</html>
-------------怎么让用户不能输入"\"这个字符啊? ---------
对像标签里加入:onKeyDown="if(window.event.keyCode==220){return false;};"
如:<input type="text" name="textfield" onKeyDown="if(window.event.keyCode==220){return false;};">
onKeyDown="alert(event.keyCode);"
想知道哪个就按哪个
用js创建form表单并提交
js中表单提交 第二篇
<%@pagecontentType="text/html;charset=UTF-8"%>
<%@includefile="/WEB-INF/include.inc.jsp"%>
<html>
<head>
<title></title>
<linkhref="${ctx}/static2/css/bootstrap-table.min.css"rel="stylesheet"media="screen">
<linkhref="${ctx}/static2/css/bootstrap-datetimepicker.min.css"rel="stylesheet"media="screen">
</head>
<body>
<divid="contenta"class="col-lg-10 col-sm-10">
<!-- content starts -->
<div>
<ulclass="breadcrumb">
<li><ahref="#">数据</a></li>
<li><aclass="active"href="#">广州风俗</a></li> </ul>
</div>
<divid="listcontent"class="row">
<divclass="box col-md-12">
<divclass="box-inner">
<divclass="box-header
well"data-original-title="">
<h2>
<iclass="glyphicon glyphicon-user"></i>风俗习惯
</h2>
<divclass="box-icon">
<a
id="create"
class="btn btn-round btn-default"><i class="glyphicon
glyphicon-plus"></i></a>
</div>
</div>
<divclass="box-content">
<c:iftest="${not empty message }">
![【js中表单提交】](http://www.sz7788.com/upload/img/pdSI19VOltaw3hfPpivZPZTmLoQVsqxSsXF0GH8KSgxAVZaza283ZlaTIprN9CT/NfCUFw6cnsFmW1QeyVZvW956/TqesQ.jpg)
<divclass="alert alert-info">
<buttontype="button"class="close"data-dismiss="alert">×</button>
${message }
</div>
</c:if>
<formid="search"class="form-inline"="form">
<divid="search"class="form-group box-content col-md-10">
<divclass="col-md-5">
<label>名称</label>
<divclass="input-group col-md-5">
<inputid="nameq"name="nameq"class="form-control"size="16"type="text"value="">
</div>
</div>
<divclass="col-md-2">
id="default_query"> 查询 </a> -->
<inputtype="button"id="query_button"class="btn
btn-default"value="查询"/>
</div>
</div>【js中表单提交】
</form>
legend>
<tableid="list"data-height="500"data-pagination="true"data-search="false">
<thead>
<tr>
<thdata-field="_id"data-align="center"data-visible="false">ID</th>
<thdata-field="name"data-align="center">名称</th> <thdata-field="city"data-align="center">城市</th> <thdata-field="content"data-align="center">详情</th>
<thdata-field="edit"data-align="center"data-formatter="editFormatter"></th>
</tr>
</table>
</div>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<divid="editcontent"class="col-lg-10 col-sm-10">
<formid="editform"class="form-horizontal"="form">
<inputtype="hidden"class="form-control"id="_id"name="_id"value="">
<inputtype="hidden"class="form-control"id="imgs"name="imgs"value="">
<divclass="form-group">
<labelfor="name"class="col-sm-2 control-label">名称</label> <divclass="col-sm-10">
<inputtype="text"class="form-control"id="name"name="name"> </div>
</div>
<divclass="form-group">
<labelfor="city"class="col-sm-2 control-label">城市</label> <divclass="col-sm-10">
<inputtype="text"class="form-control"id="city"name="city">
</div>
</div>
<divclass="form-group">
<labelfor="content"class="col-sm-2 control-label">详情</label> <divclass="col-sm-10">
<inputtype="text"class="form-control"id="content"name="content">
</div>
</div>
<divclass="form-group">
<labelclass="col-sm-2 control-label">图片</label>
<inputtype="file"id="up_img"name="up_img"/>
<divid="img"class="col-sm-10">
</div>
</div>
legend>
<divclass="form-group">
<buttontype="button"id="close"class="btn
btn-default col-md-offset-6">关闭</button>
<buttontype="button"id="save"class="btn btn-primary">保存</button>
</div>
</div>
<!-- content ends -->
</div>
<scriptsrc="${ctx }/static2/js/uploadPreview.min.js"></script>
<scriptsrc="${ctx }/static2/js/ajaxfileupload.js"></script> <scripttype="text/javascript"src="${ctx}/static2/js/bootstrap-table.min.js"charset="UTF-8"></script>
<scripttype="text/javascript"src="${ctx}/static2/js/bootstrap-table-zh-CN.min.js"charset="UTF-8"></script>
<scripttype="text/javascript"src="${ctx}/static2/js/bootstrap-datetimepicker.min.js"charset="UTF-8"></script>
<scripttype="text/javascript"src="${ctx}/static2/js/bootstrap-datetimepicker.zh-CN.js"charset="UTF-8"></script>
<scripttype="text/javascript"src="${ctx}/static2/js/jquery.serializeJson.js"charset="UTF-8"></script> <scripttype="text/javascript">
var $filmpeople;
var upIdx=null,subdata=null;
window._userDefinedFunction = function (){
new uploadPreview({ UpBtn: "up_img", DivShow: "img", ImgShow: "imgp" });
$(function(){
$filmpeople = $('#list').bootstrapTable({
onLoadSuccess:loadComplete,
onPageChange:reInitPop,
onSortEnd:reInitPop,
});
$('#query_button').click(function(){
querySubmit();
});
$('#create').click(function(){
create();
});
$('#close').click(function(){
showList();
});
$('#save').click(function(){
save();
});
showList();
});
function querySubmit(){
subdata = $('#search').serializeJson();
console.log(subdata);
$.ajax({
type:"POST",
url:"${ctx}/snatch/custom/query",
data:subdata,
success:function(data){
console.log(data);
$filmpeople.bootstrapTable('load',data.resultList); loadComplete(data.resultList);
},
error: function(){
}
});
}
function save(){
subdata = $('#editform').serializeJson();
var subJson = JSON.stringify(subdata);
$.ajax({
type: "POST",
url: "${ctx}/snatch/custom/save",
data: {'data':subJson},
success: function (result) {
if(result.status == "1"){
alert("保存成功");
updateRow(upIdx,subdata);
showList();
js表单验证及提交方法
js中表单提交 第三篇
关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:
目录:
1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
2.:js判断汉字、判断是否汉字 、只能输入汉字
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字
6: js email验证 、js 判断email 、信箱/邮箱格式验证
7:js字符过滤,屏蔽关键字
8:js密码验证、判断密码
2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和"_",
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7表单的自符控制
2.8:form文本域的通用校验函数
1. 长度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
2. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">
3." 只能是英文
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">
4. 只能是数字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>
<input onkeydown="onlyNum();">
5. 只能是英文字符和数字
<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
6. 验证油箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if
(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");【js中表单提交】
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
alert(":)");
a.b.focus();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>
8. 两次输入密码是否相同
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
</script>
够了吧 :)
屏蔽右键 很酷
oncontextmenu="return false" ondragstart="return false" onselectstart="return false" 加在body中
二
2.1 表单项不能为空
<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>
2.2 比较两个表单项的值是否相同
<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) { alert("您两次输入的密码不一样!请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>
2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; //可以自己增加可输入值
![【js中表单提交】](http://www.sz7788.com/upload/img/pofYjYNBxNGw3hfPpivZI472LpYc7rUJ-jt5WXxAS1NZSpu4JWJ1M0mbTv20sy-HebbEckCWwZYGEwQ3pzk5KpQvihC5orgySspaBUsSgFPX08pU6u8FnDilLClJkhplPNIuYS7aBhF1B0iwb3M6hY6AEp04NAOfHHoi71ejgo8.jpg)
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )【js中表单提交】
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert("您的电话号码不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>
2.4 表单项输入数值/长度限定
<script language="javascript">
<!--
function CheckForm()
{
if (document.form.count.value > 100 || document.form.count.value {
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10)
{
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>
2.5 中文/英文/数字/邮件地址合法性判断
<SCRIPT LANGUAGE="javascript">
<!--
function isEnglish(name) //英文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) { < 1)
html中如何用js实现提交表单
js中表单提交 第四篇
通过js提交; name="; id=";/}
<submit"submitYouFrom(';)" />
<提交1"script type="
<form1'submit">);
<>!-- 表单内容 -->办法1;form>button"
<form1"form>
<form action=">/form action=";button"提交2" id=">?";form1"
<
< onclick=" value="
< /。submit();javascript"input type="form action="
function submitYouFrom(path){
$('
<!-- 表单内容 -->javascript担鸡避疚篆狡吊守" onclick="> id="地址一'form1"。同一个页面中建立两个表单 各自提交:如果非要只有一个表单的话;form1" name="form1":
<text/)" language="/?"地址二' name=";
$('
</>?" value="form>form1"submitYouFrom('input type="input type="
<>/form1'
<script>input type="
办法2!-- 表单内容 -->。action=path;);/:
<
网站建设策划书
js中表单提交 第五篇
[篇一:微网站建设及微信推广方案]
1微信现状:
据工信部报告,上半年我国微信用户超过4亿,拉动移动互联网流量收入增长56。8%。业内人士指出,种种迹象表明,新版微信已经在功能上朝着“平台化”方向发展,更加多元的使用功能未来将吸引更多用户,这是一个庞大的用户群。在这里会有一部分商家先领略到了微信营销的好处和魅力。网站建设策划书。几乎现在所有智能手机都能安装和使用微信功能。在微信的程序不断完善之后,又增加了二维码的扫描。然后又出现了微信公众平台。就这样人们开始热衷于微信这个多互动的平台。在很多人的不经意间,微信的快速发展,让人们体会到了移动互联的方便。无论你是否有学问,都会很容易的操作它。让你也可以通过手机上的微信系统,找到你附近的朋友。网站建设策划书。让你有机会结交到更多的朋友。而这一点,同样适用于各行各业的商家,他们可以用自己专属的二维码来让用户进行体验。可以用二维码扫描搞一些活动。这样在不知不觉中,你就会采集到很多用户的二维码信息。当你在下次搞活动时,
js中表单提交相关热词搜索:js提交form表单中的值 表单提交前js验证
最新推荐成考报名
更多- 歇后语_歇后语大全_歇后语大全及答案_爆笑歇后语
- 大学排名_大学排名2018排行_大学查询_中国大学名单
- 成语大全_四字成语_在线成语词典_成语查询
- 成语接龙大全查询,成语接龙游戏,在线成语接龙
- 全国安全教育平台入口_学校安全教育平台
- 社保查询网-社会保障卡查询,社会保险查询,社保网上查询
- 汉字简体繁体转换_在线繁体字转换工具
- 数字大写转换|人民币金额(数字)大小写转换在线工具
- 年龄计算器实际岁数计算器 - 周岁虚岁计算器
- 产假计算器-算产假计算器在线2018-2018年产假自动计算器
- 预产期计算器-怀孕孕期计算器-怀孕天数计算
- 中国文库网-教育资源网-范文文章
- 邮编区号查询网
- 致富商机网-致富点子_创业项目
- 创业项目网--最热门的投资项目
- 中国邮政邮编查询号码
- 电话区号查询
- 全国车牌号归属地大全
- 在线网速测试|宽带速度测试
- 人民币汇率查询
- ●理财有没有风险 金融互联网理财
- ●qq网名
- ●2016最新伤感说说
- ●谈笑风生造句
- ●读书的名言
- ●资产清查报告
- ●贫困户申请书
- ●财务自查报告
- ●离婚起诉书
- ●赞美老师的演讲稿
- ●车间管理
- ●车辆购置税
- ●跨越百年的美丽读后感
- ●跟女友离别的话
- ●超市管理制度
- ●起诉状范本
- ●赠别诗大全
- ●描写夏天的句子
- ●描写友谊的诗句
- ●迁户口申请书
- ●转正申请表范本
- ●这个杀手不太冷台词
- ●运动会稿子精选
- ●那么那么造句
- ●送给男朋友的情话大全
- ●钳工实训报告
- ●霸气说说大全
- ●骂人不带脏字的
- ●幼儿园见习个人总结
- ●追女孩子的短信