页面导航： 首页 → 网络编程 → JavaScript → 表单特效 → 正文内容

发布：dxy 字体：[增加 减小] 类型：转载

1、 用图像代替提交按钮
　当只有一个提交按钮的时候，可以简单地实现，不用加事件函数，代码是：
　<input type="image" name="..." src="url" width="" height="..." border="...">
　除了标签改为input type="image"以外，其它的属性和<img>标签的属性是一样的。

　2、用图片代替所有的表单按钮：
　代替submit按钮的图片代码格式是
　<input type="image" name="..." src="..." onClick="document.formName.submit()">
　代替reset按钮的代码图片格式是
　<input type="image" name="..." src="..." onClick="document.formName.reset()">
　注：这里的formName是表单的name属性值。

　3、表单的提交验证：
　<script>
　function CheckDate(){
　//取得输入的数据
　userName = document.RedForm.userName.value;
　userEmail = document.RedForm.userEmail.value;
　//如果没有输入姓名
　if (userName=="") {
　alert("请输入姓名");
　document.RedForm.userName.focus();
　return false;
　}else{
　//如果没有输入Email，或者Email地址错误(不含@)
　if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("请重新输入Email地址");
　document.RedForm.userEmail.focus();
　return false;
　}else return true;
　}
　}
　</script>

　4、用任何元素提交表单：
　通过onClick="document.form.submit();"来提交表单；用onClick="document.form.reset();"来复位表单，这样一来，任何一个元素都可以实现提交表单了。

文章评论

共有 位脚本之家网友发表了评论我来说两句