表单没验证完就直接提交了！

xiexuanbin 2009-12-25 02:55:37
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>验证网址</title>
<style type="text/css">
<!--
.style1 {font-size: 13px}
.style2 {
font-size: 12px;
color: #FF0000;
}
.style3 {font-size: 12px}
-->
</style>
</head>
<script language="javascript">
function checkURL(URL){
var str=URL;
//下面的代码中应用了转义字符"\"输出一个字符"/"
var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
return true;
}else{
return false;
}
}
</script>
<script language="javascript">
function checkform1(){
var www=form1.www.value;
if(www==""){
alert("请输入个人主页地址！");
document.form1.www.focus();
}else{
if(!checkURL(www)){
alert("您输入的个人主页地址不合法！");
document.form1.www.focus();
return;
}
}
form1.submit();
}
</script>

<body>
<table width="450" border="1" cellpadding="0" cellspacing="0" background="images/sss.JPG">

<form name="form1" method="post" action="eecdss.php"> <tr align="center">
<td height="24" colspan="2" class="style1">验证网址</td>
</tr>
<tr>
<td height="20" align="center" class="style1">个人空间:</td>
<td class="style3"><input name="www" type="text" id="www" size="20" maxlength="70">
<span class="style2"> * 请输入正确的个人空间地址</span></td>
</tr>
<tr>
<td height="24" align="center"> </td>
<td class="style3"><input type="button" name="Submit" value="提交" onClick="checkform1();">
<span class="style2"> (*为必填项目)</span> <input type="reset" name="Submit2" value="重置">

</td>
</tr>
</form>
</table>
</body>
</html>
...全文
117 16 打赏 收藏 举报
写回复
16 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
xiexuanbin 2009-12-25
  • 打赏
  • 举报
 回复
哎呀，把这问题弄复杂了，我说明白点吧，
<input name="uucs" type="text" id="uucs" size="20" maxlength="70">
这段表单是开始要提交到 action="eecdss.php"这里的，
然后我要给这个表单加个网址验证，就从网上找了这段代码？

</style>
</head>
<script language="javascript">
function checkURL(URL){
var str=URL;
//下面的代码中应用了转义字符"\"输出一个字符"/"
var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
return true;
}else{
return false;
}
}
</script>
<script language="javascript">
function checkform1(){
var www=form1.www.value;
if(www==""){
alert("请输入个人主页地址！");
document.form1.www.focus();
return false;
}else{
if(!checkURL(www)){
alert("您输入的个人主页地址不合法！");
document.form1.www.focus();
returnfalse;
}
}
form1.submit();
}
</script>
<input name="www" type="text" id="www" size="20" maxlength="70">
<input type="button" name="Submit" value="提交" onClick="returncheckform1();">
<span class="style2"> (*为必填项目) </span> <input type="reset" name="Submit2" value="重置">

然而开始表单里的name="uucs" id="uucs" 是不能动的，而我找的代码里的表单的是name="www" id="www"
我就想知道这个该怎么改，
谢谢各位了！
道光2008 2009-12-25
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 lihui_shine 的回复:]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>验证网址 </title>
<style type="text/css">
<!--
.style1 {font-size: 13px}
.style2 {
font-size: 12px;
color: #FF0000;
}
.style3 {font-size: 12px}
-->
</style>
</head>
<script language="javascript">
function checkURL(URL){
var str=URL;
//下面的代码中应用了转义字符"\"输出一个字符"/"
var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
  return true;
}else{
  return false;
}
}
</script>
<script language="javascript">
function checkform1(){
var www=form1.www.value;
if(www==""){
  alert("请输入个人主页地址！");
  document.form1.www.focus();
return false;
}else{
  if(!checkURL(www)){
    alert("您输入的个人主页地址不合法！");
    document.form1.www.focus();
    returnfalse;
  }
}
form1.submit();
}
</script>

<body>
<table width="450" border="1" cellpadding="0" cellspacing="0" background="images/sss.JPG">

<form name="form1" method="post" action="eecdss.php"> <tr align="center">
    <td height="24" colspan="2" class="style1">验证网址 </td>
    </tr>
<tr>
    <td height="20" align="center" class="style1">个人空间: </td>
    <td class="style3"> <input name="www" type="text" id="www" size="20" maxlength="70">
      <span class="style2"> * 请输入正确的个人空间地址 </span> </td>
</tr>
<tr>
    <td height="24" align="center"> </td>
    <td class="style3"> <input type="button" name="Submit" value="提交" onClick="returncheckform1();">
      <span class="style2">      (*为必填项目) </span>        <input type="reset" name="Submit2" value="重置">

      </td>
</tr>
</form>
</table>
</body>
</html>
[/Quote]支持
xiexuanbin 2009-12-25
  • 打赏
  • 举报
 回复
[Quote=引用 11 楼 lihui_shine 的回复:]
引用 9 楼 xiexuanbin 的回复:
<input name="www" type="text" id="www" size="20" maxlength="70">

name="www"  id="www" 里面的WWW我能换成其它的吗？要怎么换！

当然可以换了，比如换成url
<input name="url" type="text" id="url" size="20" maxlength="70">

另外别忘了，JS里面也要相应的修改

[/Quote]
我就是想问的是JS里面怎么修改，刚才试着改了一下，好像没用，不知道具体改哪些地方！
RYAN--333 2009-12-25
  • 打赏
  • 举报
 回复
return false
xiexuanbin 2009-12-25
  • 打赏
  • 举报
 回复
我就是想问的是JS里面怎么修改，刚才试着改了一下，好像没用，不知道具体改哪些地方！
浪尖赏花 2009-12-25
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 xiexuanbin 的回复:]
<input name="www" type="text" id="www" size="20" maxlength="70">

name="www"  id="www" 里面的WWW我能换成其它的吗？要怎么换！
[/Quote]
当然可以换了，比如换成url
<input name="url" type="text" id="url" size="20" maxlength="70">

另外别忘了，JS里面也要相应的修改
xiexuanbin 2009-12-25
  • 打赏
  • 举报
 回复
小弟不才，请大师们指点！
xiexuanbin 2009-12-25
  • 打赏
  • 举报
 回复
<input name="www" type="text" id="www" size="20" maxlength="70">

name="www" id="www" 里面的WWW我能换成其它的吗？要怎么换！
浪尖赏花 2009-12-25
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 xiexuanbin 的回复:]
大师请问改哪了！怎么回事啊！
[/Quote]
看1L红色部分
凤凰涅檠 2009-12-25
  • 打赏
  • 举报
 回复
return false
phoeni_xin 2009-12-25
  • 打赏
  • 举报
 回复 


function checkform1(){

var www=form1.www.value;

if(www==""){

  alert("请输入个人主页地址！");

  document.form1.www.focus();   

return false;

}else{

  if(!checkURL(www)){

    alert("您输入的个人主页地址不合法！");

    document.form1.www.focus();

    return false;

  }

}

form1.submit();

return true;

}
xiexuanbin 2009-12-25
  • 打赏
  • 举报
 回复
大师请问改哪了！怎么回事啊！
辉之不趣 2009-12-25
  • 打赏
  • 举报
 回复
alert("请输入个人主页地址！");
document.form1.www.focus();

//加上这句
return;
zhulei2008 2009-12-25
  • 打赏
  • 举报
 回复
楼上的还真快
zhulei2008 2009-12-25
  • 打赏
  • 举报
 回复
表单没验证通过应该返回FALSE，这样就不会提交了

正确如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>验证网址 </title>
<style type="text/css">
<!--
.style1 {font-size: 13px}
.style2 {
font-size: 12px;
color: #FF0000;
}
.style3 {font-size: 12px}
-->
</style>
</head>
<script language="javascript">
function checkURL(URL){
var str=URL;
//下面的代码中应用了转义字符"\"输出一个字符"/"
var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
return true;
}else{
return false;
}
}
</script>
<script language="javascript">
function checkform1(){
var www=form1.www.value;
if(www==""){
alert("请输入个人主页地址！");
document.form1.www.focus();
return false;
}else{
if(!checkURL(www)){
alert("您输入的个人主页地址不合法！");
document.form1.www.focus();
return false;
}
}
form1.submit();
return true;
}
</script>

<body>
<table width="450" border="1" cellpadding="0" cellspacing="0" background="images/sss.JPG">

<form name="form1" method="post" action="eecdss.php"> <tr align="center">
<td height="24" colspan="2" class="style1">验证网址 </td>
</tr>
<tr>
<td height="20" align="center" class="style1">个人空间: </td>
<td class="style3"> <input name="www" type="text" id="www" size="20" maxlength="70">
<span class="style2"> * 请输入正确的个人空间地址 </span> </td>
</tr>
<tr>
<td height="24" align="center"> </td>
<td class="style3"> <input type="button" name="Submit" value="提交" onClick="return checkform1();">
<span class="style2"> (*为必填项目) </span> <input type="reset" name="Submit2" value="重置">

</td>
</tr>
</form>
</table>
</body>
</html>
浪尖赏花 2009-12-25
  • 打赏
  • 举报
 回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>验证网址 </title>
<style type="text/css">
<!--
.style1 {font-size: 13px}
.style2 {
font-size: 12px;
color: #FF0000;
}
.style3 {font-size: 12px}
-->
</style>
</head>
<script language="javascript">
function checkURL(URL){
var str=URL;
//下面的代码中应用了转义字符"\"输出一个字符"/"
var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
return true;
}else{
return false;
}
}
</script>
<script language="javascript">
function checkform1(){
var www=form1.www.value;
if(www==""){
alert("请输入个人主页地址！");
document.form1.www.focus();
return false;
}else{
if(!checkURL(www)){
alert("您输入的个人主页地址不合法！");
document.form1.www.focus();
return false;
}
}
form1.submit();
}
</script>

<body>
<table width="450" border="1" cellpadding="0" cellspacing="0" background="images/sss.JPG">

<form name="form1" method="post" action="eecdss.php"> <tr align="center">
<td height="24" colspan="2" class="style1">验证网址 </td>
</tr>
<tr>
<td height="20" align="center" class="style1">个人空间: </td>
<td class="style3"> <input name="www" type="text" id="www" size="20" maxlength="70">
<span class="style2"> * 请输入正确的个人空间地址 </span> </td>
</tr>
<tr>
<td height="24" align="center"> </td>
<td class="style3"> <input type="button" name="Submit" value="提交" onClick="return checkform1();">
<span class="style2"> (*为必填项目) </span> <input type="reset" name="Submit2" value="重置">

</td>
</tr>
</form>
</table>
</body>
</html>
相关推荐
jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因
jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单，发现在火狐、谷歌浏览器当中都可以进行验证，但是在IE系列浏览器当中却无法进行验证就直接将表单提交了。 在网上查了一下原因，大多数文章表明原因是js代码书写不规范造成，也就是在验证表单的规则（rules）数组的最后多了个逗号。起...
php ci 表单校验,表单验证 - CodeIgniter 中文手册|用户手册|用户指南|Wiki文档
表单验证详解CodeIgniter 提供了一个全面的表单验证和数据预处理类以帮助缩减你所写的代码。概述在解释 CodeIgniter 的数据验证处理之前，让我们先描述一下一般的情况：一个表单显示了。你填写并提交了它。如果你提交了一些无效的信息，或者可能漏掉了一个必填项，表单将会连同你的数据和错误问题的描述信息重新显示。这个过程将继续，直到你提交了一个有效的表单。在接收端，脚本必须：检查必须的数据。...
14.3 表单及验证支持
14.3 表单及验证支持 在Web开发中对于这样的一个流程可能很眼熟： 打开一个网页显示出表单。 用户填写并提交了表单。 如果用户提交了一些无效的信息，或者可能漏掉了一个必填项，表单将会连同用户的数据和错误问题的描述信息返回。 用户再次填写，继续上一步过程，直到提交了一个有效的表单。 在接收端，脚本必须： 检查用户递交的表单数据。 验证数据是否为正确的类型，合适的标准。例如，如果一个用户名被提交，它必须被验证是否只包含了允许的字符。它必须有一个最小长度，不能超过最大长度。用户名不能与已存在的他
jQuery Validation Engine 表单提交时，不验证ajax的问题
最近有个项目用了 jQuery Validation Engine，发现在表单提交时，不验证ajax提交的项目，例如：验证码，就直接提交了。 解决如下例： 表单：vali.jsp Insert title here
发帖
JavaScript

8.7w+

社区成员

22.4w+

社区内容

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2009-12-25 02:55
社区公告
暂无公告