js校驗表單后提交表單的三種方法總結(jié)
第一種：
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("請輸入用戶帳號!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("請輸入登錄密碼!");
form.password.focus();
return false;
}
return true;
}
</script>
<form action="login.do?act=login" method="post">
用戶帳號
<input type=text name="userId" size="18" value="" >
<br>
登錄密碼
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陸" onclick="return check(this.form)">
</form>
第二種
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("請輸入用戶帳號!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("請輸入登錄密碼!");
form.password.focus();
return false;
}
return true;
}
</script>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
用戶帳號
<input type=text name="userId" size="18" value="" >
<br>
登錄密碼
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陸">
</form>
第三種：
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("請輸入用戶帳號!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("請輸入登錄密碼!");
form.password.focus();
return false;
}
document.myform.submit();
}
</script>
<form action="login.do?act=login" name="myform" method="post">
用戶帳號
<input type=text name="userId" size="18" value="" >
<br>
登錄密碼
<input type="password" name="password" size="19" value=""/>
<input type=button name="submit1" value="登陸" onclick="check(this.form)">
</form>
相關(guān)文章
這篇文章主要為大家詳細介紹了基于javascript實現(xiàn)九九乘法表的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript中setTimeout的那些事兒到底有什么？setTimeout單線程、延遲時間等，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了JS獲取本周周一，周末及獲取任意時間的周一周末功能,結(jié)合實例形式分析了js通過擴展實現(xiàn)針對日期的運算相關(guān)技巧,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了javascript高級定時器，針對javascript的代碼隊列進行詳細解析，感興趣的小伙伴們可以參考一下2015-12-12
JavaScript實現(xiàn)的文本框placeholder提示文字功能示例
這篇文章主要介紹了JavaScript實現(xiàn)的文本框placeholder提示文字功能,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)上傳照片代碼實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
UniApp使用vue.config.js進行配置的詳細教程
這篇文章主要給大家介紹了關(guān)于UniApp使用vue.config.js進行配置的詳細教程,uniapp是一套基于Vue語法的框架,同樣也支持Vue.config.js配置,一般常用的莫過于路徑的名稱,需要的朋友可以參考下2023-10-10
JavaScript中時間日期函數(shù)new?Date()詳解(5種獲取時間戳的函數(shù))
這篇文章主要給大家介紹了關(guān)于JavaScript中時間日期函數(shù)new?Date()的相關(guān)資料,主要講的是JS中5種獲取時間戳的函數(shù),new Date()是JavaScript中用于獲取當前日期和時間的內(nèi)置函數(shù),需要的朋友可以參考下2024-04-04
通過實例了解Render Props回調(diào)地獄解決方案
這篇文章主要介紹了通過實例了解Render Props回調(diào)地獄解決方案,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-11-11
這篇文章主要介紹了JavaScript實現(xiàn)多文件下載方法解析，文章通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08