Javascript中的表单验证脚本
这些是表单的脚本,我想做以下工作:Javascript中的表单验证脚本,javascript,html,Javascript,Html,这些是表单的脚本,我想做以下工作: 为确保输入并选择日期、时间、否(无空格且留空),时间是一个选项选择,我不知道如何在myFunction1if(isNaN(否)| | isNaN(日期)| |日期=“”|否=“”|否=“”)中验证它。 在确保没有输入和选择日期、时间和否的空字段后,运行此代码(Math.floor(Math.random()*2)==0))以获得True或False结果并分别返回消息 谢谢 我不知道您为什么用isNaN(date)表示日期。但是你可以根据你的要求使用它。 试试下
if(isNaN(否)| | isNaN(日期)| |日期=“”|否=“”|否=“”)中验证它。
(Math.floor(Math.random()*2)==0))
以获得True或False结果并分别返回消息谢谢 我不知道您为什么用
isNaN(date)
表示日期。但是你可以根据你的要求使用它。
试试下面的解决方案
预订
日期:
时间:
请选择
下午12:00-2:00
下午2:00-4:00
下午四时至六时
来宾人数:
数据未完成,请重新输入
检查可用性
函数myFunction(){
函数myFunction2(){
if((arguments.length!=3)和&(Math.floor(Math.random()*2)==0))
返回错误
否则返回true;
}
document.getElementById(“结果”).innerHTML=myFunction1()?(myFunction2()?“预订完成。谢谢”。:“没有可用于日期和时间的表”。):”;
}
函数myFunction1(){
var date=document.getElementById(“日期”).value;
var no=document.getElementById(“no”).value;
var myDiv=document.getElementById(“演示”);
如果(isNaN(否)| isNaN(日期)|日期=“”|否=“”|否=“”){
myDiv.style.display=“block”;
返回false;
}
否则{
myDiv.style.display=“无”;
返回true;
}
}
函数myFunction3(){
document.getElementById(“演示”).style.display=“无”;
document.getElementById(“结果”).innerHTML=“”;
}
在函数中返回布尔值,如下所示:
function myFunction(){
if(myFunction1()) return;
//If not error in inputed data then continue...
}
function myFunction1(){
//Check if data is correct or not?
if(correctData){
return false;
}else{
return true; //wrong data, stop executing myFunction
}
}
预订
日期:
时间:
请选择
下午12:00-2:00
下午2:00-4:00
下午四时至六时
来宾人数:
数据未完成,请重新输入
检查可用性
函数myFunction(){
if(myFunction1())返回;
函数myFunction2(){
if((arguments.length!=3)和&(Math.floor(Math.random()*2)==0))
返回错误
否则返回true;
}
document.getElementById(“结果”).innerHTML=myFunction2()?“预订完成。谢谢”。:“没有可用于日期和时间的表。”;
}
函数myFunction1(){
var date=document.getElementById(“日期”).value;
var no=document.getElementById(“no”).value;
var myDiv=document.getElementById(“演示”);
var time=document.getElementById(“时间”);
如果(isNaN(否)| isNaN(日期)|日期=“”| | time.value==0 | | | time.value | | no=“”| | no=“”){
myDiv.style.display=“block”;
返回true;//错误
}
否则{
myDiv.style.display=“无”;
返回false;
}
}
函数myFunction3(){
document.getElementById(“演示”).style.display=“无”;
document.getElementById(“结果”).innerHTML=“”;
}
请同时添加您的html。@Vishalmodi我已经添加了,请看一看,谢谢!所以您的意思是,事件完成所有字段后,您会收到类似“数据未完成”的消息,请重新发送-enter@Vishalmodi如果字段未完成,将显示“数据未完成,请输入”。完成所有字段后,将随机生成0或1以返回True或False,并显示消息“Reservation done”。“谢谢。”或“日期和时间没有可用的表格”。请确保选择了“时间”选项?是否与(arguments.length!=3)和if(isNaN(no)| | isNaN(date)| | date==”| | no==”| | no==”)有关@Vishalmodi认为这与你的问题不同,你可以参考下面的链接。如何确保选择时间选项?是否与(arguments.length!=3)和if(isNaN(no)| | isNaN(date)| | date==”| | no==”| | no==”)有关@RiteshKhandekar@nerdy. 将value=“0”
添加到选择中的第一个选项中(请选择选项)。然后检查if语句中的iftime.value==0
。我更新了我的答案。