Web_JavaScript_JS表单验证;
2014-12-25 16:38
344 查看
Web_JavaScript_JS表单验证
<script type="text/javascript">
window.onload = function() {
// 预约表单
var formpt = document.getElementById("yyppFrom");
var fstr = ''; // 存储空值输入框名称;
formpt.onsubmit = function() {
// 姓名验证;
var name = formpt.elements["name"];
if(name.value == name.defaultValue) {
name.style.borderColor = 'red';
name.title = "请输入真实姓名!";
if(fstr.indexOf(name.name)==-1){
fstr += name.name+";";
}
}else {
name.style.borderColor = '';
name.title = "";
if(fstr.indexOf(name.name)>-1) {
fstr = fstr.replace(name.name+";","");
}
}
// 电话验证
var phone = formpt.elements["phone"];
if(phone.value == phone.defaultValue) {
phone.style.borderColor = 'red';
phone.title = "请输入真实号码!";
if(fstr.indexOf(phone.name)==-1){
fstr += phone.name+";";
}
}else {
phone.style.borderColor = '';
phone.title = "";
if(fstr.indexOf(phone.name)>-1) {
fstr = fstr.replace(phone.name+";","");
}
}
// 简述验证
var jianshu = formpt.elements["jianshu"];
if(jianshu.value == jianshu.defaultValue) {
jianshu.style.borderColor = 'red';
jianshu.title = "请输入您的病情!";
if(fstr.indexOf(jianshu.name)==-1){
fstr += jianshu.name+";";
}
}else {
jianshu.style.borderColor = '';
jianshu.title = "";
if(fstr.indexOf(jianshu.name)>-1) {
fstr = fstr.replace(jianshu.name+";","");
}
}
// 提交时间
var uptime = formpt.elements["uptime"];
uptime.value =(new Date()).toLocaleString();
// 是否提交
var isOk = true;
if(fstr.length >0) {
isOk = false;
// 焦点定位
var fArray = fstr.split(";");
formpt.elements[fArray[0]].focus();
}
console.log(fstr);
return isOk;
}
}
</script>
<script type="text/javascript">
window.onload = function() {
// 预约表单
var formpt = document.getElementById("yyppFrom");
var fstr = ''; // 存储空值输入框名称;
formpt.onsubmit = function() {
// 姓名验证;
var name = formpt.elements["name"];
if(name.value == name.defaultValue) {
name.style.borderColor = 'red';
name.title = "请输入真实姓名!";
if(fstr.indexOf(name.name)==-1){
fstr += name.name+";";
}
}else {
name.style.borderColor = '';
name.title = "";
if(fstr.indexOf(name.name)>-1) {
fstr = fstr.replace(name.name+";","");
}
}
// 电话验证
var phone = formpt.elements["phone"];
if(phone.value == phone.defaultValue) {
phone.style.borderColor = 'red';
phone.title = "请输入真实号码!";
if(fstr.indexOf(phone.name)==-1){
fstr += phone.name+";";
}
}else {
phone.style.borderColor = '';
phone.title = "";
if(fstr.indexOf(phone.name)>-1) {
fstr = fstr.replace(phone.name+";","");
}
}
// 简述验证
var jianshu = formpt.elements["jianshu"];
if(jianshu.value == jianshu.defaultValue) {
jianshu.style.borderColor = 'red';
jianshu.title = "请输入您的病情!";
if(fstr.indexOf(jianshu.name)==-1){
fstr += jianshu.name+";";
}
}else {
jianshu.style.borderColor = '';
jianshu.title = "";
if(fstr.indexOf(jianshu.name)>-1) {
fstr = fstr.replace(jianshu.name+";","");
}
}
// 提交时间
var uptime = formpt.elements["uptime"];
uptime.value =(new Date()).toLocaleString();
// 是否提交
var isOk = true;
if(fstr.length >0) {
isOk = false;
// 焦点定位
var fArray = fstr.split(";");
formpt.elements[fArray[0]].focus();
}
console.log(fstr);
return isOk;
}
}
</script>
相关文章推荐
- Web_JavaScript_JS客户端表单数据验证;
- js验证表单大全,用JS控制表单提交 ,javascript提交表单:
- js验证表单大全,超级的强悍的javascript代码(转载)
- JS通用表单验证函数,基于javascript正则表达式
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- javascript提交表单(JS验证)
- javascript表单验证 - Parsley.js使用和配置
- 常用JavaScript(js)表单验证CheckList V1.0(beta)
- JS通用表单验证函数,基于javascript正则表达式http://www.ccvita.com/60.html
- 超全超实用的Javascript类库和jQuery插件大全之一:Web表单和输入验证
- javascript提交表单(JS验证)
- js验证表单大全,用JS控制表单提交 ,javascript提交表单,表单提交 所有js判断
- 超全超实用的Javascript类库和jQuery插件大全之一:Web表单和输入验证
- Web 表单验证 javascript
- 常用JavaScript(js)表单验证CheckList V1.0(beta)
- js验证表单大全,用JS控制表单提交 ,javascript提交表单
- 常用JavaScript(js)表单验证CheckList V1.0(beta)
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- 超全超实用的Javascript类库和jQuery插件大全之一:Web表单和输入验证
- js验证表单大全,用JS控制表单提交 ,javascript提交表单