读书人

表单验证的多种形式

发布时间: 2013-12-02 12:00:40 作者: rapoo

表单验证的多种方式
<script type="text/javascript">
//表单验证方法一
var $=function(id){
return document.getElementById(id);
}
function check(){
if(!$('form1').xm.value){
alert('姓名不能为空');
$('name').focus();
return false;
}
}
</script>

<form id='form1' name='myform' method="post" onSubmit="return check(this)">
姓名:<input type="text" id='name' name='xm' >
<input type="submit" value="submit">
</form>
__ __ __ __ __ _ __ _ _ ___ ____ ______ _____ _____ ________ __ _____ ___
<form id='form1' name='myform' method="post" >
姓名:<input type="text" id='name' name='xm' >
<input type="button" value="button" id='btn'>
</form>
<script type="text/javascript">
//表单验证二
var $=function(id){
return document.getElementById(id);
}

$('btn').onclick=function(){
if(!$('form1').xm.value){
alert('姓名不为空');
$('name').focus();
return false;
}
$('form1').submit();
}


</script>

谢谢各位观看,技术交流qq:905766491

读书人网 >Web前端

热点推荐