整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
文章有
ctrl+s一鍵提交的功能時(shí)候，真的是會(huì)方便很多，對(duì)于我們這些高度使用pc，并且熟悉PC快捷鍵的使用者來(lái)說(shuō)，如何實(shí)現(xiàn)html響應(yīng)ctrl+s快捷鍵，下面我分享一個(gè)簡(jiǎn)單的代碼給大家。
$(window).keydown( function (event) {
if(event.ctrlKey && window.event.keyCode==83 ){
$("#submit").click()
return false
}
}) ;當(dāng)使用ctrl+s組合快捷鍵的時(shí)候，我們模擬了submit的點(diǎn)擊事件進(jìn)行提交文章。
提交按鈕用來(lái)將輸入的信息提交到服務(wù)器。代碼格式如下：
<input type="submit" name="..." value="...">
其中type="submit"定義提交按鈕；name屬性定義提交按鈕的名稱；value屬性定義按鈕的顯示文字。通過(guò)提交按鈕，可以將表單的信息提交給表單里action所指向的文件。
（1）編寫(xiě)代碼如下圖所示，在<body>標(biāo)簽中加入以下代碼。
（2）在瀏覽器中打開(kāi)文件，預(yù)覽效果圖如下所示，輸入內(nèi)容按【提交】按鈕，即可將表單中的數(shù)據(jù)發(fā)送到指定的文件。
復(fù)位按鈕用來(lái)重置表單中輸入的信息。代碼格式如下：
<input type="reset" name="..." value="..." >
其中type="reset"定義復(fù)位按鈕；name屬性定義復(fù)位按鈕的名稱；value屬性定義按鈕的顯示文字。
（1）編寫(xiě)代碼如下圖所示，在<body>標(biāo)簽中加入以下代碼。
（2）在瀏覽器中打開(kāi)文件，預(yù)覽效果圖如下所示，輸入內(nèi)容后單機(jī)【重置】按鈕，即可將表單中的數(shù)據(jù)清空。
一種方式：表單提交，在form標(biāo)簽中增加onsubmit事件來(lái)判斷表單提交是否成功
<html>
<script type="text/javascript">
function validate(obj) {
if (confirm("提交表單?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
</script>
<body>
<form action="" onsubmit="return validate(document.getElementById('myText'));"> <!—參數(shù)的這種寫(xiě)法注意下-->
<input type="text" id="myText"/>
<input type="submit" value="submit"/>
</form>
</body>
</html>第二種方式：通過(guò)button按鈕來(lái)觸發(fā)表單提交事件onclick="submitForm();", 會(huì)忽略掉其他標(biāo)簽中的屬性, 比如form標(biāo)簽中的onsubmit屬性就失效了。
這時(shí)為了進(jìn)行表單驗(yàn)證, 可以將驗(yàn)證代碼放在submitForm();方法中進(jìn)行驗(yàn)證。
<html>
<script type="text/javascript">
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementById("myForm").submit();
}
}
</script>
<body>
<form action="" id="myForm">
<input type="text"/>
<input type="button" value="submitBtn" onclick="submitForm();"/> <!—也可以使用document.getElementById("該按鈕的id").click();來(lái)執(zhí)行onclick事件-->
</form>
</body>
</html>第三種方式：將onsubmit事件放在submit標(biāo)簽中, 而不是form標(biāo)簽中, 此時(shí)表單驗(yàn)證失效, 點(diǎn)擊提交按鈕表單直接提交
<html>
<script type="text/javascript">
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
</script>
<body>
<form action="">
<input type="text"/>
<input type="submit" value="submit" onsubmit="return validate()"/>
</form>
</body>
</html>第四種方式：為submit按鈕添加上onclick事件, 其中該事件用于表單提交的驗(yàn)證, 功能類似于在form標(biāo)簽中增加了onsubmit事件一樣
<html>
<script type="text/javascript">
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
</script>
<body>
<form action="">
<input type="text"/>
<input type="submit" value="submit" onclick="return validate()"/>
</form>
</body>
</html>第五種方式：
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
