欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

js提交form表单方法

js教程 我的站长站 2022-10-30 共11人阅读

方法一:JS判断提交

js函数

function checkUser(){
var result = document.getElementById("userid").value;
var password = document.getElementById("userpassid").value;
if(result == "" ){
alert("用户名不能为空");
return false;
}
if(password == "" ){
alert("密码不能为空");
return false;
}else{
return true;
}
}

form表单

<form id="formid" name="myform" method='post' onsubmit="return checkUser();" >
<input type="text" value="" class="text2" name="username" id="userid"/></td>
<input type="password" value="" class="text2" name="userpass" id="userpassid"/></td>
<input type="submit" value="" class="btn2" />
</form>

方法二:

function checkUser(){
var result = document.getElementById("userid").value;
var password = document.getElementById("passid").value;
if(!result){
alert("用户名不能为空");
return false;
}
if(!password){
alert("密码不能为空");
return false;
}
document.getElementById("formid").submit();
}

form表格的写法,需要写id

<form id="formid" method='post'>

button按钮的写法如下:

<input type="button" value="" class="btn2" onclick="checkUser();" />


标签 JS表单
相关推荐
  • JS表单
  • JS表单算术验证示例代码

    给网站加一个算术验证表单,验证通过才能继续操作。JS版本的,所以前端可以直接看到密码,你可以加密JS代码或ajax前后端分离的判断方法,来隐藏掉判断逻辑和密码,此代码只供前端示例。HTML表单代码<form id="verification-form"> <label id="question-l...

    js教程 23 7个月前
  • js提交form表单方法

    方法一:JS判断提交js函数function checkUser(){var result = document.getElementById("userid").value;var password = document.getElementById("userpassid").value;if(result == "" ){alert("用户名不能为空");return false;}if(password == &quo...

    js教程 11 1年前