已輸入文本的文本字段的Javascript命令

Question

這可能是一個非常愚蠢的問題，但我無法找出網站的javascript命令來決定是否根據文本字段是否實際填充來填充文本字段。 我的代碼在這里。

<html>
<head>
<title>Contact Us</title>
<link rel="stylesheet" type="text/css" href="main.css">
<style type="text/css">
#main-container{
padding-left: 3px;
padding-right: 3px;
}
#left-bar{
text-align: right;
}
#left-bar, #right-bar{
border: 2px solid gray;
}
#top-nav-bar{
border-top: 1px solid gray;
border-bottom: 2px solid gray;
border-left: 2px solid gray;
border-right: 2px solid gray;
}
#navTextn{
float: right;
padding-right: 20px;
padding-top:10px;
}
#navTextc{
float: right;
padding-right: 20px;
padding-top:10px;
}
#navTexth{
float: right;
padding-right: 20px;
padding-top:10px;
}
#Contus{
float:right;
padding-right: 30px;
padding-top:10px;
}
#logo{
height: 20px;
width: 100px;
padding-top: 10px;
padding left: 10px;
}


</style>
<script type="text/javascript">
    function validator(){
        if(document.mUs.bfinderm.text)
            alert("Thank you for your submission");
        else
            alert("No text has been entered");
    }
</script>


<title>Tickit</title>
</head>
<body id="body">
<div id="topline">
</div>
<div id="top-nav-bar">
    <a href="Homework.html"><image id="Logo" src="Tickit.png"></a>
    <a id="Contus" href="ContactUs.html">Us</a>
    <a id="navTextn">News</a>
    <a id="navTextc" href="Calendar.html">Calendar</a>
    <a id="navTexth" href="Homework.html">Home</a>
</div>
<table id="main-container">

    <tr>
        <td id="left-bar" valign="top">
            <a id="plinks" >Profile</a><br>
            <a id="plinks" >Mail</a><br>
            <a id="plinks" href="Homework.html">Work Stream</a><br>
            <a id="plinks" href="calendar.html">Calendar</a><br>
            <a id="plinks" href="Events.html">Events</a><br>
            </p>
        </td>
        <td id="main" valign="top">
        If you find any bugs with the website, please leave a message to us in the box below <br> <br>
            <form name="mUs">
                Message Us:<br> <input type="text" name="bfinderm" />
                <input type="button" value="Send" onClick="validator()" />
            </form>
        </td>
        <td id="right-bar" valign="top">

        </td>
    </tr>
</table>
</body>
</html>

就像在復選框中一樣，validator（）代碼將被選中

<script type="text/javascript">
    function validator(){
        if(document.stackflowrun.stflr.checked)
            alert("Yes it is checked!");
        else
            alert("Check that shit boul!");
    }
</script>

那么文本字段選項的等效validator（）命令是什么？

function validator(){
        if(document.mUs.bfinderm.text)
            alert("Thank you for your submission");
        else
            alert("No text has been entered");
    }
</script>

（文字不是）

Answer 1

jquery： $("#youridhere").val()返回輸入。 添加： <script src="http://code.jquery.com/jquery-1.9.1.js"></script>以使用jquery。 把它放在你的<script>之前。

Answer 2

在JavaScript中：

if (document.getElementById("bfindem").value.length > 0)
{
               alert("Thank you for your submission");
        else
}
            alert("No text has been entered");
}

在jQuery中：

if ($("#bfindem").val().length > 0)
{
               alert("Thank you for your submission");
        else
}
            alert("No text has been entered");
}

Answer 3

使用value而不是像這樣的text ：

function validator(){
        if(document.mUs.bfinderm.value)
            alert("Thank you for your submission");
        else
            alert("No text has been entered");
    }

Answer 4

使用jQuery，修改您的函數，如下所示

function validator(){
    if($('input[name="bfinderm"]').val().length !== 0)
        alert("Thank you for your submission");
    else
        alert("No text has been entered");
}

jQuery DEMO

使用直接Javascript，修改您的功能，如下所示

function validator(){
    if($('input[name="bfinderm"]').val().length !== 0)
        alert("Thank you for your submission");
    else
        alert("No text has been entered");
}

Javascript DEMO

Answer 5

嘗試document.mUs.bfinderm.value - 不需要jquery

已輸入文本的文本字段的Javascript命令

問題描述

5 個解決方案

解決方案1
2 2013-10-25 01:31:01

解決方案2
1 2013-10-25 01:34:10

解決方案3
1 已采納 2013-10-25 01:52:54

解決方案4
0 2013-10-25 01:38:15

解決方案5
0 2013-10-25 01:47:18

已輸入文本的文本字段的Javascript命令

問題描述

5 個解決方案

解決方案1 2 2013-10-25 01:31:01

解決方案2 1 2013-10-25 01:34:10

解決方案3 1 已采納 2013-10-25 01:52:54

解決方案4 0 2013-10-25 01:38:15

解決方案5 0 2013-10-25 01:47:18

解決方案1
2 2013-10-25 01:31:01

解決方案2
1 2013-10-25 01:34:10

解決方案3
1 已采納 2013-10-25 01:52:54

解決方案4
0 2013-10-25 01:38:15

解決方案5
0 2013-10-25 01:47:18