精华内容
下载资源
问答
  • 利用javascript提交表单

    2016-08-22 21:17:36
    "text/javascript" src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js" > script > < style type = "text/css" > html , body { width : 100 % ; height : 100 % ; margin : 0 ; font : 14 px ...
    
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>乐运动数据同步</title>
        <link href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet">
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
        <style type="text/css">
        html,body{width:100%;height:100%;margin:0;font:14px "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;color:#ccc;background-color:#27ae60;}.logo{width:150px;height:64px;background:url(./images/spite_index) -29px -432px no-repeat;margin:80px auto 20px;}.header{color:#f4f4f4;margin-bottom:15px;font-size:21px;font-weight:200;text-align:center;}.header span{font-size:14px;}.form-group{margin-top:40px;margin-bottom:15px;}.form-group .text{width:450px;border:2px solid #27ae60;-webkit-box-shadow:none;box-shadow:none;font-size:16px;padding:13px 30px;border-radius:0;height:auto;text-align:center;margin:10px auto;}.form-group .text:focus{border-color:#208d4e;}a.submit{width:446px;background:#239650;border:1px solid #239650;-webkit-box-shadow:none;box-shadow:none;font-size:18px;color:#fff;padding:10px 30px;border-radius:0;height:auto;text-align:center;margin:0 auto;}a:hover{cursor:pointer;text-decoration:none;background:#208d4e;border-color:#208d4e;}.tip{width:375px;height:87px;background:url(./images/spite_index)-21px -513px;margin:80px auto 0;}
        </style>
        <script type="text/javascript">
        $(function(){
            $('#submit').on('click',function(){
            var step=$('input[name=step]').val().replace(/(^\s*)|(\s*$)/g, "");
    
    $.ajax({ //一个Ajax过程
    type : "get",
    url : 'http://appt.igeekery.com/wx-run/set-step.json?_lan=zh&_k=da3e20cc7e524a5a\
    b22360372f564875&_v=36&_ch=16&_nw=wifi&_sdk=19&_product=fitmix&_terminal=2&uid=458009&uni\
    onid=oIoQTsy2pk-LKb4hnq0EK9m_3QC4&openid=oBmGhuPxQVTPVBfZyWhskgT4TTos&step\
    ='+step, 
    success : function(ret) 
    {
    if(ret.code==0)
    {alert("修改成功,请打开微信查看!");}
    else
    {alert("数据有误,请重新提交!");}
    
    },
    error : function(error)
    {alert("数据提交失败!");}
    
    });
    
    
    
    }
                )   
            });
    
    </script>
    </head>
    <body>
        <div class="container">
            <div class="logo"></div>
            <p class="header">陆嵩小主,请输入您要设置的微信运动步数<br/>
                <div class="form-group">
                    <form id="form" method="POST" action="http://pl.api.ledongli.cn/xq/io.ashx">
                        <input type="text" class="form-control text" name="step" value="" placeholder="输入步数(要比原来大)" />
                        <a id="submit" class="form-control submit">提交</a>
                    </form>
                </div>
    
            </p>
            <div class="tip"></div>
        </div>
    </body>
    </html>
    展开全文
  • 本文介绍怎样利用JavaScript来阻止表单提交的两种方法,分别是return false和使用preventDefault(),有需要的可以参考借鉴,下面一起来看看。
  • 今天碰到了IE6下用Javascript提交表单页面不刷新的问题。 状况是这样的:利用一个超链接进行表单的提交<a href="javascript:void(0);" onclick="submitForm()">提交表单</a> 但是发现要插入的内容已经...

    今天碰到了IE6下用Javascript提交表单页面不刷新的问题。

    状况是这样的:利用一个超链接进行表单的提交<a href="javascript:void(0);" οnclick="submitForm()">提交表单</a>

    但是发现要插入的内容已经插入了,页面却不刷新,导致后续的根据提交后返回字符的操作没能够正确执行。

    事实上,当单击这个链接到时候,Javascript已经发生并且进行了处理,只是submit()这个事件没有发生,这个情况在IE7里面已经被修正了。

    其实A本来就不是用来干submit的活的,所以我们这样用,出了问题也应该理解。

    解决这个问题只要把javascript:void(0)改成href="#"就可以了。

    转载于:https://www.cnblogs.com/cocowool/archive/2008/10/15/1311708.html

    展开全文
  • 利用JavaScript实现表单的验证和提交(前端拦截无用的表单提交) 注册表单提交,利用js来拦截掉无用的注册信息,同时验证注册是否通过 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">...

    利用JavaScript实现表单的验证和提交(前端拦截无用的表单提交)

    注册表单提交,利用js来拦截掉无用的注册信息,同时验证注册是否通过

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>欢迎注册</title>
    		<script type="text/javascript">
    			function checkUsername(){
    				var username=document.getElementById("username").value;
    				if(username.length<6||username.length>16){
    					document.getElementById("usernamefalse").style.visibility="visible";
    					return false;
    				}else{
    					document.getElementById("usernamefalse").style.visibility="hidden";
    					return true;
    				}
    			}
    			function chechpwd(){
    				var pwd=document.getElementById("pwd").value;
    				if(pwd.length<6||pwd.length>16){
    					document.getElementById("pwdfalse").style.visibility="visible";
    					return false;
    				}else{
    					document.getElementById("pwdfalse").style.visibility="hidden";
    					return true;
    				}
    			}
    			function chechphone(){
    				var phone=document.getElementById("phone").value;
    				var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
    	            if (!myreg.test(phone)) {
    	               document.getElementById("phonefalse").style.visibility="visible";
    	               return false;
    	            }else{
    		            document.getElementById("phonefalse").style.visibility="hidden";
    		            return true;
    				}
    			}
    			function checkread(){
    				var rule=document.getElementById("rule");
    				if(!rule.checked){
    					document.getElementById("rulefalse").style.visibility="visible";
    					return false;
    				}else{
    					document.getElementById("rulefalse").style.visibility="hidden";
    					return true;
    				}
    			}
    			
    			function checkall(){
    				var cun=checkUsername();
    				var cpd=chechpwd();
    				var cp=chechphone();
    				var cr=checkread();
    				if(cun&&cpd&&cp&&cr){
    					return true;
    				}else{
    					return false;
    				}
    			}
    			
    		</script>
    		<style type="text/css">
    			label{
    				visibility: hidden;
    			}
    		</style>
    	</head>
    	<body bgcolor="gainsboro">
    		<center>
    		<h1>欢迎注册</h1>
    		<h3>每一天,乐在沟通</h3>
    		<hr />
    		<!--action指目标地址,method指传输方式-->
    		<form action="" method="post" onsubmit="return checkall()">
    			<table border="0" cellspacing="5" cellpadding="10" width="120">
    				<tr>
    					<td colspan="3">
    						<input type="text" name="" id="username" placeholder="昵称" size="40" onblur="checkUsername()"/>
    						<label id="usernamefalse" style="color: red;">昵称要在6到16位之间</label>
    					</td>
    				</tr>
    				<tr>
    					<td colspan="3">
    						<input type="password" name="" id="pwd" placeholder="密码" size="40""chechpwd()"/>
    						<label id="pwdfalse" style="color: red;">密码要在6到16位之间</label>
    					</td>
    				</tr>
    				<tr>
    					<td colspan="3">
    						<select name="区号">
    							<option value="">+86</option>
    							<option value="">+852</option>
    							<option value="">+853</option>
    							<option value="">+886</option>
    						</select>
    						<input type="text" name="" id="phone" placeholder="手机号码" size="30" align="right" onblur="chechphone()" />
    						<label id="phonefalse" style="color: red;">手机号不存在</label>
    					</td>
    				</tr>
    				<tr>
    					<td>
    						
    					</td>
    					<td align="left">
    					<input type="radio" name="sex" id="" value="" /></td>
    					<td align="left">
    					<input type="radio" name="sex" id="" value="" checked="checked"/></td>
    				</tr>
    				<tr>
    					<td colspan="3" align="center">
    						<input type="submit"  value="立即注册" />
    					</td>
    				</tr>
    				<tr>
    					<td colspan="3" align="center">
    						<input type="reset"  value="重置 "/>
    					</td>
    				</tr>
    				<tr>
    					<td  colspan="3">
    						<input type="checkbox" name="" id="rule" value="" onblur="return checkread()"/><a href="#"><font size="2">我已阅读并同意相关服务条款和隐私政策</font></a>
    						<br />
    						<label id="rulefalse" style="color: red;">必须勾选相关协议</label>
    					</td>
    				</tr>
    			</table>
    		</form>
    		</center>
    	</body>
    </html>
    
    
    展开全文
  • JavaScript表单提交总结

    2020-05-05 20:40:07
    JavaScript表单提交总结提交表单:只要表单存在以上任何一种按钮且获得焦点时都可以通过回车提交表单,(textarea会换行),即触发submit事件,可在其中验证表单,或阻止提交,利用e.preventDefault();也可以通过...

    JavaScript表单提交总结提交表单:只要表单存在以上任何一种按钮且获得焦点时都可以通过回车提交表单,(textarea会换行),即触发submit事件,可在其中验证表单,或阻止提交,利用e.preventDefault();也可以通过form.submit()方式提交表单,但这种方式不会触发submit事件,因此要提前验证表单。重置表单:input 和button两种按钮实现,可用form.reset重置表单,同时出发onreset事件。form.elements获取表单name var form = document.forms[0];form.elements[0];//获取第一个表单字段form.elements[‘miao’];//获取名为miao的字段,若是radio,会返回NodeList包含所有的同名name字段。共有的表单属性:disable 是否禁用form 指向当前字段所所属表单name 表单字段名称readOnly 字段是否只读tabIndex tab切换序号type 类型value 提交给服务器的值防止重复提交表单:第一次点击提交后就将其disable置为truevar submit = document.forms[0][‘submit’];submit.onsubmit = function(){    submit.disabled = true;    //提交给 }若上面用onclick提交表单,有的浏览器会先触发click事件,若在click事件中禁用submit按钮则导致表但不能正常提交。var submit = document.getElementById(‘submit’);    submit.onclick = function () {        alert(‘click’);        submit.disabled = true;    };    document.forms[0].onsubmit = function () {        alert(‘submit’);    };以上代码在Chrome和Opera中测试时发现,在click事件中禁用表单按钮后不能再触发onsubmit事件,但是IE11、ff下都能提交。

    展开全文
  • 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功...function validate(obj) {if (confirm("提交表单?")) {alert(obj.value);return true;} else {alert(obj.value);return false;}}</...
  • Ajax利用FormData提交表单

    千次阅读 2016-04-05 20:48:18
     ajax提交表单绕了很久,遇到一些问题进行测试下以加深理解,测试使用浏览器 49.0.2623.110 m,HTML使用HTML4标准。下文提到的ajax为原生javascript的ajax(脚本化HTTP),都是个人理解,如有错误还望被指正。关于...
  • 利用JavaScript操作表单的小例子

    千次阅读 2016-08-21 20:39:38
    t检查用户注册信息是否正确,在以下情况不满足时报错并阻止提交表单:用户名必须是3-10位英文字母或数字;口令必须是6-20位;两次输入口令必须一致。()"> <p id="test-error" style="color:
  • //--------------------------------------------------------- // 作者:野文(Jasson) // 日期:2007-1-11 // 功能:避免重复提交数据// 请放在HTML页面的最后,标记前标记后。 //--------------------------...
  • 表单形式:  用户名:   方法一:通过标志来注明是否是第一次提交,是:return true;否:return false; 需要操作:修改form标签为 具体代码:    var iscommited = false;  function dosubmit(){ ...
  • 利用JS提交表单的几种方法和验证 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript"> function validate(obj) { if (confirm("提交表单?")...
  • html利用input防止回车提交 默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车即提交。 1.当type=”submit”时,无论有几个type=”text”输入框,回车均表示提交。(submit) 2....
  • 提交</button> 重置 //js部分 function checkRegisterForm(){ var usrname = document.getElementById('username'); var gz = /^[_0-9a-zA-Z]{3,10}$/; var pwd1 = document.getElementById('password'); var pwd2...
  • <body> <... <p>name:<input type="text" name="user" id="user">... 第一种方法:利用event的阻止默认事件机制,页面载入之后获得submit元素,然后为submit注册click响应函数,参数为event事件。 在用户
  • 利用js提交form表单的方式

    万次阅读 2018-06-27 11:48:31
    第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功&lt;script type="text/javascript"...提交表单?")) { alert(obj.value); return true; } els...
  • 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功...function validate(obj) {if (confirm("提交表单?")) {alert(obj.value);return true;} else {alert(obj.value);return false;}}</...
  • 利用JavaScript绕过表单限制及验证

    千次阅读 2013-10-29 16:19:15
    本教程主要介绍了如何利用javascript绕过一些简单的或者更高级一点的html表单限制及cookie/session验证. 简单的表单限制 1.绕过必填表项 你会经常碰到一些页面需要你填满所有的表项才能提交,但是我们完全...
  • 提交</button> 重置 //js部分 function checkRegisterForm(){ var usrname = document.getElementById('username'); var gz = /^[_0-9a-zA-Z]{3,10}$/; var pwd1 = document.getElementById('password');...
  • submit 表单会先校验required项是否输入,如果校验通过,执行method(),然后提交表单,由于action="javascript:;",表单最终不会提交
  • 通常,如果是POST方法,一般使用vuejs+axios,或使用Jquery实现表单提交。有些地方,我想使用纯JS实现,比方简单的登陆跳转。话不多说,看原代码, laravel中的HTML部分,如果不是laravel,去掉 {{csrf_field()}}这...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 428
精华内容 171
关键字:

利用javascript提交表单

java 订阅