`

javascript判断表单不能为空!

    博客分类:
  • web
阅读更多
<div class="biaodan">
        	<h3>(以下<font color="red">*</font>为必填项)</h3>
            <div class="bdnr">
			<form name="contactForm" method="post" action="/mail.php"  onsubmit="return check()" >
            	<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td align="right">联系人<font color="red">*</font></td>
                    <td><input name="q1" type="text" /></td>
                  </tr>
                  <tr>
                    <td align="right">联系电话<font color="red">*</font></td>
                    <td><input name="q2" type="text" /></td>
                  </tr>
				  <tr>
                    <td align="right">地  区<font color="red">*</font></td>
                    <td><input name="q3" type="text" /></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><input name="submit" type="submit" value="提交申请" class="icon" ></td>
                  </tr>
                </table>
			</form>
            </div>
        </div>
<!--by:xue-->
		<script language="javascript">
function check()
{
if(document.contactForm.q1.value=="")
{
alert("联系人不能为空!");
this.contactForm.q1.focus();
return false;
}
else if(document.contactForm.q2.value=="")
{
alert("电话不能为空!");
this.contactForm.q2.focus();
return false;
}
else if(document.contactForm.q3.value=="")
{
alert("地区不能为空!");
this.contactForm.q3.focus();
return false;
}
else contactForm.submit();
}
</script>
分享到:
评论

相关推荐

    表单不能为空

    ### 表单不能为空 在网页开发中,表单验证是一项重要的功能,它能够确保用户提交的数据符合预期的要求。本文将详细介绍一个简单的JavaScript函数用于检查表单字段是否为空,并且包括了空格的情况。 #### 一、`trim...

    javascript处理表单大全

    **2.1 表单项不能为空** 确保表单中的必填项已填写。 ```javascript function CheckForm() { if (document.form.name.value.length === 0) { alert("请输入您的姓名!"); document.form.name.focus(); return ...

    JavaScript判断用户名和密码不能为空的实现代码

    总结起来,这个JavaScript代码片段提供了一种简单的方法来确保用户名和密码字段在提交之前不为空。这种方法可以增强用户体验,即时反馈错误,并减少无效的服务器请求。然而,为了提高安全性,通常建议结合后端验证,...

    Jsp中判断文本框是否为空

    // 如果所有字段都不为空,则允许表单提交 return true; } ``` #### 四、总结 通过上述内容的学习,我们了解到在JSP页面中使用JavaScript来进行前端表单验证的基本方法。特别是利用`document.getElementsByName...

    JavaScript判断表单为空及获取焦点的方法

    本文详细介绍了如何使用JavaScript来判断表单输入是否为空,并且如何在表单为空时获取焦点。这种方法尤其在表单提交前进行即时验证,可以显著提升用户体验。 首先,表单是由多个输入元素组成的容器,如文本框、密码...

    JavaScript常用判断函数

    本文将详细介绍几个常用的JavaScript判断函数,包括`DataLength`(计算数据长度)、`IsEmpty`(判断是否为空)、`IsDigit`(判断是否为数字)、`IsInteger`(判断是否为正整数)以及`IsEmail`(判断是否为正确的电子...

    javascript检测input是否为空

    你可以检查`value`的长度来判断是否为空。如果长度为0,说明输入为空: ```javascript if (inputElement.value.length === 0) { console.log('输入为空'); } else { console.log('输入有值'); } ``` 3. **...

    登陆或注册是不能为空的js提示判断

    总结来说,“登陆或注册是不能为空的js提示判断”涉及的主要是利用JavaScript进行客户端验证,确保登录和注册表单中的用户名、密码等关键信息不为空,同时结合HTML和CSS提升用户界面的可用性和美观度。这样的前端...

    javascript验证表单大全

    "javascript验证表单大全"这个主题涵盖了使用JavaScript进行表单验证的各种方法和技术,旨在为开发者提供全面的参考。以下是对这个主题的详细阐述: 一、表单验证的重要性 表单验证是确保用户输入数据有效性和安全...

    javascript表单验证密码是否相同

    == "") { // 检查两个密码框都不为空 if (password2 !== password1) { // 如果两个密码不一致 alert("密码不一致"); document.myform.password1.focus(); // 将焦点设置到第一个密码框 return false; } } else...

    使用layer弹窗提交表单时判断表单是否输入为空的例子

    在示例中,如果商品单号(name属性为order的输入框)为空,layer会弹出一个消息框,并显示"商品单号不能为空"的信息。这个消息框会包含一个确认按钮,用户点击确认后可以关闭提示。 知识点四:HTML表单的构建 示例...

    Javascript验证登陆表单.pdf

    例如,判断表单中输入的数据是否为空的方法很简单,通常使用两种方式来进行判断。一种是通过“==”双等号来判断;另一种是借助字符串对象的length属性来判断。 最后,我们讨论了表单提交的方法。表单提交是指当通过...

    JavaScript验证文本框是否为空的代码

    3. **`form1.favoriate == null`**:检查名为`favoriate`的元素是否存在且不为空。 4. **`form1.sex == null`**:检查名为`sex`的元素是否存在且不为空。 5. **`form1.page.value.length == 0`**:检查名为`page`的...

    js中判断文本框是否为空的两种方法.docx

    在 JavaScript 中,判断文本框是否为空是一项常见的验证操作。以下我们将介绍两种方法来实现文本框非空验证。 方法一:使用 value 属性 在 HTML 文档中,我们可以使用 `value` 属性来获取文本框的值。例如: ```...

    JS判断form内所有表单是否为空的简单实例

    如果输入值为空,函数将弹出警告框提示用户“信息不能为空!”,并使该空白输入框获得焦点,以便用户可以直接输入数据。此外,该函数会返回`false`以阻止表单的提交动作。 知识点四:提交表单 在代码中,`document....

    JS判断表单输入是否为空(示例代码)

    本文将详细介绍如何使用JavaScript来判断表单输入字段是否为空,并提供示例代码供参考。 首先,我们需要了解JavaScript中的字符串处理方法。在示例代码中,`trim()` 函数用于去除字符串两端的空格。这是因为有时...

    javascript表单验证大全

    ##### 2.1 确保表单项不为空 - **功能描述**:确保表单中的特定字段不能为空。 - **实现方式**: ```javascript function notEmpty(inputElement) { if (inputElement.value.trim() === "") { alert("此字段不能...

    html网页用户注册表单验证校验JavaScript源码代码

    if(ismacth){//输入的用户名不为空时 document.getElementById("username1").innerHTML="√";//正确时候输出√ document.getElementById("username1").setAttribute("class","duitishi");//设置div标签的...

Global site tag (gtag.js) - Google Analytics