当前页面: 开发资料首页 → Javascript 专题 → 用Javascript 验证表单提交&css简单认识
用Javascript 验证表单提交&css简单认识
摘要: 用Javascript 验证表单提交&css简单认识
用Javascript 验证表单提交
首先要确定在那个form 里验证,我们要做的事情是:
<formname="f" LANGUAGE="javascript" onsubmit="return f_submit()" >
这里分析一下,
1. name="f" 一般我们验证的时候不需要给form 命名,可是这里要,为什么,需要验证的是那个表单的那个textfield?
2. LANGUAGE="javascript" 这里要指出验证的脚本语言是什么,不区分大小写
3. onsubmit="return f_submit()" 这里,return 的值非常重要, 它会用在javascript 脚本语言里面,不可以和脚本里的不符合!前面的onsubmit必须写全,写成submit 不可以,写成别的更不可以!
接着我们看javascript
<script language="javascript">
function f_submit(){
if(document.f.title.value=="")
{
alert("Sorry, 信息沒有輸入")
document.f.title.focus()
return false
}
else if(document.frmAddLink.content.value=="")
{
alert("Sorry, 說明沒有輸入")
document.frmAddLink.content.focus()
return false
}
}
</script>
1. 注意function f_submit() 严格区分大小写! function 写成 Function是不可以的,至于f_submit(),就是form 里要onsubmit的return 的值,当然,照抄就可以,大小写当然区分!
2. 下面f.title 代表表单的值,要和textfield 相匹配!
3. java/c语言都在每句后面加分号,可是javascript不可以加!这里很不习惯,我总是喜欢加分号.其它语句看大意就能理解.
以上只是从form 验证的应用角度来简单分析了一下,javascript完全不同于java, 也许还很有价值,毕竟,google还要力定呢!有空还应该好好学习才是.
css学习
在<head></head>里面包含:
<link> rel=”stylesheet” href=”css/style.css”>
文件夹/css名字
在使用的时候,比如一个按钮要使用css ,那么:
<input type="submit" value=" 添 加 "name="cmdok"/>
在css文件里有buttonface 的设置:
input.buttonface
{
font-size:
background-color: #0099CC;
color: ffffff ;
}