JavaScript 片断

本文介绍了一个包含表单验证及提交处理的示例代码,通过JavaScript实现了对表单输入内容的验证,并针对不同浏览器进行了兼容性处理。此外,还介绍了如何通过设置隐藏字段来跟踪表单提交状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


<body background="" onkeypress="return validationOnEnter(event);" onload="self.focus();document.getElementById('').focus()">
<form method="post" action="" name="welcome" id="welcome" >
....
<input type="hidden" name="submit_flag" id="submit_flag" value="">
....
<a tabindex="" name="next" id="next" href="javascript:processEnter();" onkeypress="document.getElementById('submit_flag').value='false';document.getElementById('next').focus();">...</a>


以下是js文件部分

function validationOnEnter(event) {
var browser=navigator.appName;
var value = false;
if(browser=='Microsoft Internet Explorer') {
if (window.event && window.event.keyCode == 13) {
if(document.getElementById('submit_flag').value != 'false') {
processEnter();
value= true;
} else {
value= true;
}
} else {
value = true;
}
}
if (browser=='Netscape') {
if (event && event.which == 13) {
if(document.getElementById('submit_flag').value != 'false') {
value = processEnter();
} else {
value = true;
}
} else {
value = true;
}
}
return value;
}


function processEnter()
{

document.welcome.xxd1.datatype = "numberic";
document.welcome.xxd1.mandatory = "no";
document.welcome.xxd1.description = "xxd1";
document.welcome.xxd1.minimumlength = "1";
document.welcome.xxd1.maximumlength = "4";
document.welcome.xxd1.value = document.welcome.xxd1.value.replace(/^\s+|\s+$/g, '');
......
......
......

var doSubmitForm = false;

doSubmitForm = validate(document.welcome,errorMessages,errorIndex);
if(doSubmitForm) {
doSubmitForm = otherFunction1();
}

if(doSubmitForm) {
doSubmitForm = otherFunction2();
}
......

if(doSubmitForm)
{

document.welcome.submit();
}
else {
document.welcome.submit_flag.value = 'true';
showAllErrors(errorMessages,errorIndex);
}
}


var errorMessages = new Array(10);

var errorIndex = new Object;

var pattern = new Object();
var text = new Object();

pattern.numeric = /^[0-9]+$/;
text.numeric = " should only contain numbers";



未完不待续
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值