项目<JSP>表单验证大全
关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:
目录:
1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制
2.:js判断汉字、判断是否汉字、只能输入汉字
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
5:只能输入英文字符和数字
6: js email验证、js 判断email 、信箱/邮箱格式验证
7:js字符过滤,屏蔽关键字
8:js密码验证、判断密码
2.1: js 不为空、为空或不是对象、判断为空、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和”_”,
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7表单的自符控制
2.8:form文本域的通用校验函数
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>
2. 只能是汉字
<input onkeyup=”value=”/place(/[^\u4E00-\u9FA5]/g,”)”>
3.”只能是英文
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
}
</script>
<input onkeydown=”onlyEng();”>
4. 只能是数字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<= 105)))
//考虑小键盘上的数字键
}
</script>
js验证字符串长度
<input onkeydown=”onlyNum();”>
5. 只能是英文字符和数字
<input onkeyup=”value=”/place(/[\W]/g,””)
“onbeforepaste=”clipboardData.setData(’text’,Data(’text’).replace(/[^\d]/g,”))”>
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)>
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>
8. 两次输入密码是否相同
<FORM METHOD=POST ACTION=”">
<input type=”password” id=”input1″>
<input type=”password” id=”input2″>
<input type=”button” value=”test” onclick=”check()”>
</FORM>
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert(”false”)
input1.value = “”;
input2.value = “”;
}
else document.forms[0].submit();
}
}
</script>
够了吧 :)
屏蔽右键很酷
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)  {
alert(”您两次输入的密码不一样!请重新输入.”);
document.ADDUser.PWD.focus();
return  false;
}
return  true;
}
–>
</script>
2.3  表单项只能为数字和”_”,用于电话/银行帐号验证上,可扩展到域名注册等
<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>
2.4  表单项输入数值/长度限定
<script  language=”javascript”>
<!–
function  CheckForm()
{
if  (unt.value  >  100  ||  unt.value  <  1) {
alert(”输入数值不能小于零大于100!”);
unt.focus();
return  false;
}
if  (document.form.MESSAGE.value.length<10)
{
alert(”输入文字小于10!”);
document.form.MESSAGE.focus();
return  false;
}
return  true;
}
//–>
</script>
2.5  中文/英文/数字/邮件地址合法性判断
<SCRIPT  LANGUAGE=”javascript”>
<!–
function  isEnglish(name)  //英文值检测
{
if(name.length  ==  0)

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。