js 表单验证

最新推荐文章于 2024-04-30 08:58:14 发布

IT菇凉

最新推荐文章于 2024-04-30 08:58:14 发布

阅读量534

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/u013214705/article/details/17629415

版权

本文详细介绍了如何使用JavaScript进行表单验证，包括必填项检查、邮箱格式验证、电话号码格式验证等，同时探讨了自定义验证规则和错误提示的实现方法，帮助提升用户体验。

摘要由CSDN通过智能技术生成

1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
<script>
function test()
｛
if(document.a.b.value.length>50)
｛
alert("不能超过 50个字符！");
document.a.b.focus();
return false;
｝
｝
</script>
2:js验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) ｛
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
｝
</SCRIPT>
3: js屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() ｛
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0))｛
alert(":)");
a.b.focus();
return false;｝
｝
</script>
4: js两次输入密码是否相同
<script>
function check()
｛
with(document.all)｛
if(input1.value!=input2.value)
｛
alert("false")
input1.value = "";
input2.value = "";
｝
else document.forms[0].submit();
｝
｝
</script>
5:js屏蔽右键
οncοntextmenu="return false" οndragstart="return false" onselectstart="return false"加在body中
6: js判断表单项不能为空
<script   language="javascript"><!--
function   CheckForm()
｛
if   (document.form.name.value.length   ==   0)   ｛
alert("请输入您姓名!");
document.form.name.focus();
return   false;
｝
return   true;
｝
-->
</script>
7：js比较两个表单项的值是否相同
<script   language="javascript">
<!--
function   CheckForm()
if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   ｛
alert(" 您两次输入的密码不一样！请重新输入.");
document.ADDUser.PWD.focus();
return   false;
｝
return   true;
｝
-->
</script>
8:js判断表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
<script   language="javascript">
<!--
function   isNumber(String)
｛
var   Letters   =   "1234567890-";   //可以自己增加可输入值
var   i;
var   c;
if(String.charAt(   0   )=="-")
return   false;
if(   String.charAt(   String.length   -   1   )   ==   "-"   )
return   false;
for(   i   =   0;   i   <   String.length;   i   ++   )
｛
c   =   String.charAt(   i   );
if   (Letters.indexOf(   c   )   <   0)
return   false;
｝
return   true;
｝
function   CheckForm()
｛
if(!   isNumber(document.form.TEL.value))   ｛
alert(" 您的电话号码不合法！");
document.form.TEL.focus();
return   false;
｝
return   true;
｝
-->
</script>
9：js判断表单项输入数值/长度限定
<script   language="javascript"><!--
function   CheckForm()
｛
if   (document.form.count.value   >   100   ||   document.form.count.value   <   1)
｛
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return   false;
｝
if   (document.form.MESSAGE.value.length<10)
｛
alert(" 输入文字小于10!");
document.form.MESSAGE.focus();
return   false;
｝
return   true;
｝
//-->
</script>
10：js判断中文/英文/数字/邮件地址合法性判断
<SCRIPT   LANGUAGE="javascript"><!--
function   isEnglish(name)   //英文值检测
｛
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   ｛
if(name.ch