表单验证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实例相关的资料

友情链接