submit/buttonフォーム提出の違い
2789 ワード
jsでフォーム要素をチェックする時、いつもある項目が空ならば、弾いてもいいです.空です.現在の「input type=text」の欄をアクティブにして、現在アクティブなカーソルを指します.
提出する時は普通2種類があります.
1.submitとして提出し、クリックしてから自動的に提出するとも言われています.
2.もう一つのbuttonは、form.submit()方法を呼び出して、手動で提出する必要があります.
提出する時は普通2種類があります.
1.submitとして提出し、クリックしてから自動的に提出するとも言われています.
2.もう一つのbuttonは、form.submit()方法を呼び出して、手動で提出する必要があります.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> button/submit</TITLE>
<script type="text/javascript">
function subfrom(){
var name=document.getElementById("name");
if(name.value==""){
alert(" ");
name.focus();
return false;
}
}
function tjbtn(){
var name2=document.getElementById("name2");
if(name2.value==""){
alert("username ");
name2.focus();
}else{
document.getElementById("form").submit();
}
}
</script>
</HEAD>
<BODY>
<!-- submit , , form onsubmit , input-->
<form action="" onsubmit="return subfrom();">
<table>
<tr>
<td> </td>
<td><input type="text" id="name" name="name"></td>
</tr>
<tr>
<td> </td>
<td><input type="password" id="password" name="password"></td>
</tr>
<tr>
<td rowspan="2"><input type="submit" id="subbtn" name="subbtn" value=" "></td>
</tr>
</table>
</form>
<br><br>
<br><br>
<!-- button , form -->
<form id="form" action="submit_button.html">
<table>
<tr>
<td>username</td>
<td><input type="text" id="name2" name="name2"></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" id="password" name="password2"></td>
</tr>
<tr>
<td rowspan="2">
<input type="button" onclick="tjbtn()" value="submit">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>