js表单应验控制代码大全-JavaSript-爱易网页

js表单应验控制代码大全

日期：2014-05-16　浏览次数：20801 次

js表单验证控制代码大全

1.1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制
1.2.:js判断汉字、判断是否汉字、只能输入汉字
1.3:js判断是否输入英文、只能输入英文
1.4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
1.5:只能输入英文字符和数字
1.6: js email验证、js 判断email 、信箱/邮箱格式验证
1.7:js字符过滤,屏蔽关键字
1.8:js密码验证、判断密码

1.9:屏蔽右键

2.1: js 不为空、为空或不是对象、判断为空、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和"_",
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7:表单的字符控制
2.8:form文本域的通用校验函数

1.1. 长度限制

<script>
  function test()
  {
    if(document.a.b.value.length>50)
    {
      alert("不能超过50个字符！");
      document.a.b.focus();
      return false;
    }
  }
</script>

<form name=a onsubmit="return test()">
  <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
  <input type="submit" name="Submit" value="check">
</form>

1.2. 只能是汉字

<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">

1.3. 只能是英文

<script language=javascript>
  function onlyEng()
  {
    if(!(event.keyCode>=65&&event.keyCode<=90))
      event.returnvalue=false;
  }
</script>

<input onkeydown="onlyEng();">

1.4. 只能是数字

<script language=javascript>
  function onlyNum()
  {
    //考虑小键盘上的数字键
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))    event.returnvalue=false;
  }
</script>

<input onkeydown="onlyNum();">

1.5. 只能是英文字符和数字

<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

1.6. 验证邮箱格式

<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>

<input type=text onblur=isEmail(this.value)>

1.7. 屏蔽关键字(这里屏蔽***和****)

<script language="javascript1.2">
  function test() {
    if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
      alert(":)");
      a.b.focus();
      return false;
    }
  }
</script>

<form name=a onsubmit="return test()">
  <input type=text name=b>
  <input type="submit" name="Submit" value="check">
</form>

1.8. 两次输入密码是否相同

<script>
  function check()
  {
    with(document.all){
      if(input1.value!=input2.value){
        alert("false")
        input1.value = "";
        input2.value = "";
      }else 
        document.forms[0].submit();
    }
  }
</script>

<FORM METHOD=POST ACTION="">
  <input type="password" id="input1">
  <input type="password" id="input2">
  <input type="button" value="test" onclick="check()">
</FORM>

1.9.屏蔽右键

<BODY oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
</BODY>

2.1??表单项不能为空

<script  language="javascript">
<!--
  function  CheckForm()
  {  
    if  (document.form.name.value.length  ==  0)  {  
      alert("请输入您姓名!");
      document.form.name.focus();
      return  false;
    }
    return  true;
  }
-->
</script>

?2.2 ?比较两个表单项的值是否相同

<script  language="javascript">
<!--
  function  CheckForm() 
    {
    if  (document.form.PWD.value  !=  document.form.PWD_Again.value)

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js表单应验控制代码大全

相关资料更多>

推荐阅读更多>