form表单提交的实际使用

àì夳堔傛蜴生んèń 2022-05-28 09:52 253阅读 0赞

<div class="span12">
    		<form id="pdu_add_form" class="form-horizontal" action="javascript:void(0);" οnsubmit="javascript:doAdd();">
    		<div class="span12">
    			<div class="control-group span6">
    				<label class="control-label"><i class="required">*</i>PDU名称：</label>
    				<div class="controls">
    					<textarea name="pducode" rows="1"  class="span11" required></textarea>
    				</div>		
    			</div>
    			
    			<div class="control-group span6">
    				<label class="control-label">服务名称：</label>
    				<div class="controls">
    					<textarea name="modulecode" rows="1" class="span11"  required></textarea>
    				</div>
    			</div>
    		</div>	
    			<div style="text-align:center"><button type="submit" class="btn btn-info">保存</button> </div>
    		</form>
    		
    	</div>

1、button那里要写上 type="submit"

2、form表单要写上  οnsubmit="javascript:doAdd();"

3、

action="javascript:void(0);表示不跳转，否则会自动跳转到当前页面的get方法

4、doAdd()方法要写成全局方法，不要写在具体事件里，比如写在

$(document).ready(function()，是调用不到的。

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 275 阅读

相关使用ajax提交form表单

function mySubmit(){ var chapter=$("myForm").serialize(); $.ajax({ typ

比眉伴天荒/ 2022年08月23日 03:48/ 0 赞/ 294 阅读

相关 jQuery提交form表单

<form id="search_form" name="search_form" method="post"> <input type="tex

「爱情、让人受尽委屈。」/ 2022年08月02日 09:44/ 0 赞/ 348 阅读

相关 Form表单提交

1. JS源码提交： var form = document.getElementById('AddZookeeperForm'); form

深藏阁楼爱情的钟/ 2022年07月15日 01:42/ 0 赞/ 376 阅读

相关 Form表单提交

1. JS源码提交： var form = document.getElementById('AddZookeeperForm'); form

谁借莪１个温暖的怀抱￠/ 2022年07月15日 01:42/ 0 赞/ 395 阅读

相关 form表单提交的实际使用

<div class="span12"> <form id="pdu_add_form" class="form-horizontal" action="j

àì夳堔傛蜴生んèń/ 2022年05月28日 09:52/ 0 赞/ 254 阅读

相关 form表单提交方式

form表单提交方式无刷新页面提交表单表单可实现无刷新页面提交，无需页面跳转，如下，通过一个隐藏的iframe实现，form表单的target设置为iframe

ゞ浴缸里的玫瑰/ 2022年05月25日 08:52/ 0 赞/ 291 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 321 阅读

相关限制form表单提交

1. form表单的属性 `onsubmit="return checkName()"` 2. js实现方法，true表示可以提交，false不可以提交 form 代码：

怼烎@/ 2022年03月01日 05:46/ 0 赞/ 445 阅读

相关 Javascript提交form表单

1.使用<a>标签提交表单 <form action="1.html" method="post" id="form"> <input type="text

淩亂°似流年/ 2021年06月24日 14:37/ 0 赞/ 749 阅读