【JS】验证表单的注册登录-方法之一

注册表单的验证:

注册表单的代码为:

【<div>

<fieldset>

<legend>用户登录</legend>

<form name="RegForm" method="post" action="reg.php" onSubmit="return InputCheck(this)">

<label for="username" class="label">用户名:</label>

<input id="username" name="username" type="text" class="input" />

<span>(必填,3-15字符长度,支持汉字、字母、数字及_)</span>

<p/>

<p>

<label for="password" class="label">密 码:</label>

<input id="password" name="password" type="password" class="input" />

<span>(必填,不得少于6位)</span>

<p/>

<p>

<label for="repass" class="label">重复密码:</label>

<input id="repass" name="repass" type="password" class="input" />

<p/>

<p>

<label for="email" class="label">电子邮箱:</label>

<input id="email" name="email" type="text" class="input" />

<span>(必填)</span>

<p/>

<p>

<input type="submit" name="submit" value="  提交注册  " class="left" />

</p>

</form>

</fieldset>

</div>】

JS做判断的代码为:

 

<script language=JavaScript>

<!--

function InputCheck(RegForm)

{

 if (RegForm.username.value == "")

 {

  alert("用户名不可为空!");

 RegForm.username.focus();

  return (false);

 }

 if (RegForm.password.value == "")

 {

 alert("必须设定登录密码!");

 RegForm.password.focus();

  return (false);

 }

 if (RegForm.repass.value != RegForm.password.value)

 {

  alert("两次密码不一致!");

 RegForm.repass.focus();

  return (false);

 }

 if (RegForm.email.value == "")

 {

 alert("电子邮箱不可为空!");

 RegForm.email.focus();

  return (false);

 }

}

//-->

</script>】

1.javascript中focus()函数是聚焦函数,RegForm.username.focus()是光标在用户名的文本框中,所以才可以进行判断。

2.<fieldset>:在数据周围绘制一个框

<legend>:为fieldset元素定义标题(caption)

登录的表单验证与注册的一样。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容