表单验证



1. js验证radio是否选择

<script language="javascript">
function checkform(obj) {
for(i=0;i<obj.oo.length;i++)
if(obj.oo[i].checked==true)
return true;
alert("请选择")return false;
}
</script>

<form id="form1" name="form1" method="post" action="" onsubmit="return checkform(this)">
<input type="radio" name="oo" value="radiobutton" />
<input type="radio" name="oo" value="radiobutton" />
<input type="submit" name="Submit" value="提交" />
</form>

2. 长度限制
<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>

3. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">

4." 只能是英文
<script language=javascript>
function onlyEng(){
if(!(event.keyCode>=65&&event.keyCode<=90)) event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">

5. 只能是数字
<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();">

6. 只能是英文字符和数字
<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

7. 验证油箱格式
<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;elsealert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

8. 屏蔽关键字(这里屏蔽***和****)
<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>

9. 两次输入密码是否相同
<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>

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

11. checkbox控制全选
//全选
function checkboxAll(checkObj) {
var checkChoose = $(checkObj);
var all = checkChoose.attr("checked");
if (all) {
var ch = $.find("input[type=checkbox]");
$.each(ch,function(){
$(this).attr("checked",true);
});
}
else {
var ch = $.find("input[type=checkbox]");
$.each(ch,function(){
$(this).attr("checked",false);
});
}
}


<script type="text/javascript">

$(document).ready(function(){
isChooseAll();
$("#qxz").click(function(){
//选择所有checkbox对象
checkboxAll(this);
});

//双击事件操作
$('tr').dblclick(function(){
var checkbox = $(this).find('input[type="checkbox"]');
if (!$(checkbox).attr("checked")) {
$(checkbox).attr("checked",true);
}
else {
$(checkbox).attr("checked",false);
}
isChooseAll();
});

//单击事件全选操作
$("input[name=opers]").click(function(){
var checkbox = $(this).find('input[type="checkbox"]');
if (!$(checkbox).attr("checked")) {
$(checkbox).attr("checked",true);
}
else {
$(checkbox).attr("checked",false);
}
isChooseAll();
});
});

//对全选判断
function isChooseAll() {
var allChecked = $(document).find('input[name=opers]');
var chooseAll = true;
var j = 0;
for (var i = 0 ; i < allChecked.length; i++) {

var v_choose = $(allChecked[i]).attr("checked");
if (v_choose == "checked") {
chooseAll = true;
j++;
}
else {
chooseAll = false;
break;
}
}
if (j == allChecked.length) {
chooseAll = true;
}
if (chooseAll) {
$('#qxz').attr("checked",true);
}
else {
$('#qxz').attr("checked",false);
}
}

</script>


<script type="text/javascript">
$(document).ready(function(){
$("#hdsz").click(function(){
var checkbox1 = $(document).find('input[type="checkbox"]');
if ($(checkbox1).attr("checked")) {
$(checkbox1).attr("checked",false);
$('#szltx').attr("checked",false);
$('#hdsz').attr("checked",true);
}
});
$("#szltx").click(function(){
var checkbox2 = $(document).find('input[type="checkbox"]');
if ($(checkbox2).attr("checked")) {
$(checkbox2).attr("checked",false);
$('#szltx').attr("checked",true);
}
});
$("#yplclbc").click(function(){
var checkbox3 = $(document).find('input[type="checkbox"]');
if ($(checkbox3).attr("checked")) {
$(checkbox3).attr("checked",false);
$('#yplclbc').attr("checked",true);
}
});
$("#czbz_qt").click(function(){
var checkbox4 = $(document).find('input[type="checkbox"]');
if ($(checkbox4).attr("checked")) {
$(checkbox4).attr("checked",false);
$('#czbz_qt').attr("checked",true);
}
});
});
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值