表單驗證js實例_怎麼用JS做form表單驗證要詳細代碼求救！（帶星號的是必填項）

Ⅰ js表單驗證

<HTML>
	<metacharset="gbk"/>
<head>
<SCRIPTLANGUAGE="javaScript">
functionCheck(frm1)
{
	if(frm1.username.value==""){
alert("用戶名不能為空！");
document.frm1.username.focus();
returnfalse;
	}
if(frm1.p.value==""){
alert("密碼不能為空！");
document.frm1.p.focus();
returnfalse;
}
if(frm1.p2.value!=frm1.p.value){
alert("兩次密碼不一致！");
document.frm1.p2.focus();
returnfalse;
}
if(frm1.y.value==""){
alert("郵箱不能為空！");
document.frm1.y.focus();
returnfalse;
}
}
</SCRIPT>
</head>
<BODY>
<FORMNAME="frm1">
用戶名:<INPUTTYPE="text"name="username"><br>
密碼:<INPUTTYPE="password"name="p"><br>
重復密碼:<INPUTTYPE="password"name="p2"><br>
郵箱:<INPUTTYPE="text"name="y"><br>
城市:<select>
<option>山東</option>
<option>湖南</option>
</select><br>
愛好:吃飯<INPUTTYPE="checkbox">睡覺<INPUTTYPE="checkbox">吃飯和睡覺<INPUTTYPE="checkbox">
男<INPUTTYPE="radio">女<INPUTTYPE="radio"><br>

個人簡介<textarea></textarea><br>
<INPUTTYPE="submit"VALUE="確定"ONCLICK="returnCheck(this.form)">
<INPUTTYPE="submit"VALUE="重置">
</FORM>
</BODY>
</HTML>

改成這樣就行了

Ⅱ 用js表單驗證身份證號合法怎麼寫

Ⅲ 怎麼用JS做form表單驗證，要詳細代碼，求救！（帶星號的是必填項）

舉個例子吧：
<input type=」text」 id=」telephone」 >
<input type=「button」 onclick=「functioncheck1」value=「檢測」>
如果要檢測它是否符合標准，那我就會在頁面中導入js包然後寫一個
<script>
functioncheck1()
{
varreg1 = /^1(5|3|8)\d{9}$/;
varstr1 = document.getElementById("telephone").value;
if(reg1.test(str1)== true)
{
alert("手機號碼OK");
}
else
{
alert("請重新輸入手機號碼");
}
}
</script>
就可以驗證到了！

Ⅳ js注冊表單驗證代碼

||||

‍JS函數：

functioncheck(){
varusername=document.getElementById("username").value;
varpass1=document.getElementById("password").value;
varpass2=document.getElementById("confirm_password").value;

if(username==""||抄username==NULL||pass1==""||pass1==NULL||pass2==NULL||pass2==""){
alert("用戶名或密碼不得為空！");
returnfalse;
}
}

表單提交的時候驗證：

<inputname="reg"type="submit"value="提交"onclick="returncheck()"/>

自己補全。

Ⅳ js表單驗證

按照你的要求做了一個示例,樣式和圖標你需要自己定義,功能已完全實現.順便試試附件功能,:)

<掘頃style>
#frm span {
    display: none;
    color: #FF0000;
}
</style>
<form action="?" id="frm" onsubmit="javascript:return chkfrm(this);">
  姓名:<input type="text" name="name" id="name" onblur="javascript:chkname(this);" /><span></span><br />
  qq號:<判答陸input type="text" name="qq" id="qq" onblur="javascript:chkqq(this);" /><span></span><br />
  郵箱:<input type="text" name="mail" id="mail" onblur="javascript:chkmail(this);" /><span></span><br />
  電話:<input type="text" name="tel" id="tel" onblur="javascript:chktel(this);" /><span></span><br />
  留言:<textarea name="text" id="text" onblur="javascript:chktext(this);"></textarea><span></span><br />
  <input type="submit" value="提交表單">
</form>
<script type="text/javascript">
var st=false;
function chkname(o){
   st=/^[u4e00-u9fa5]{2,4}$/gi.test(o.value);
   o.nextSibling.innerHTML='姓名應為2-4個漢字'
   o.nextSibling.style.display=(st?'none':'inline');
}
function chkqq(o){
   st=/^d{5,11}$/gi.test(o.value);
   if(!st){
      o.nextSibling.innerHTML=(o.value==''?'請輸入QQ號':'QQ號應為5-11位數字');
      o.nextSibling.style.display='inline'
      return;
   }
   else o.nextSibling.style.display='none'
}
// ....
function chkfrm(f){
   chkname(f.name);
   chkqq(f.qq);
   chkmail(f.mail);
   chktel(f.tel);
   chktext(f.text);
   return st;
}
</script>

貼出一部分代碼,完舉戚整示例在附件中.

Ⅵ 如何在form中調用js表單驗證

比如有個表單

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

js驗證函數：

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}

當提交表單的回時候就會觸答發驗證，運行結果：

Ⅶ javascript 怎麼實現即時驗證表單信息

很簡單的，一般是利用onchange="chk1()",然後利用的是值一發生改變就會調用chk1的事件，而該事件就是對其值進行驗證的，但對於用戶的驗證，往往還要採用AJAX中的XMLHTTP進行驗證，這個涉及伺服器的知道，也可以想辦法實現！

導航:首頁 > 編程語言 > 表單驗證js實例

表單驗證js實例

與表單驗證js實例相關的資料

友情鏈接