javascript - 无法在我的文本输入中插入空格

标签 javascript html css

我有一个包含 3 个文本输入的表单,问题是,当我想插入一个空格时,它不允许我这样做。我的代码是:

<form action="post.php" name="MYFORM" id="MYFORM" method="post">
<label>Name</label>
<input name="name" size="30" type="text" id="name">
<br clear="all" />
<label>Email</label>
<input name="email" size="30" type="text" id="email">
<br clear="all" />
<label>Message</label>
<textarea id="message" name="message"></textarea>
<br clear="all" /><br clear="all" />
<label>&nbsp;</label>
<input value="Send" type="submit" id="Send">

当它提交时,它由一个 javascript 文件验证,然后由一个 php 文件邮寄,但我认为这不重要。

问题:无法在这些文本输入中添加空格。

提前致谢

编辑:JavaScript 代码:

$(document).ready(function() { 

 $('#Send').click(function() {  

        // name validation

        var nameVal = $("#name").val();
        if(nameVal == '') {

            $("#name_error").html('');
            $("#name").after('<div class="errorwrapper"><label class="error" id="name_error">Please enter your name.</label></div>');
            return false
        }
        else
        {
            $("#name_error").html('');
        }

        /// email validation

        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        var emailaddressVal = $("#email").val();

        if(emailaddressVal == '') {
            $("#email_error").html('');
            $("#email").after('<div class="errorwrapper"><label class="error" id="email_error">Please enter your email address.</label></div>');
            return false
        }
        else if(!emailReg.test(emailaddressVal)) {
            $("#email_error").html('');
            $("#email").after('<div class="errorwrapper"><label class="error" id="email_error">Enter a valid email address.</label></div>');
            return false

        }
        else
        {
            $("#email_error").html('');
        }




            var mesVal = $("#message").val();
            if(mesVal == '') {

                $("#mes_error").html('');   
                $("#message").after('<div class="errorwrapper"><label class="error" id="mes_error">Please enter a message.</label></div>');
            }
            else
            {

            $("#after_submit").html('');
            $("#Send").after('<label class="success" id="after_submit">Your message has been submitted.</label>');
            $("#after_submit").fadeOut(9000);

            $("#mes_error").html('');


                clear_form();

            }   

    return false;
 })

 function clear_form()
 {
    $("#name").val('');
    $("#email").val('');
    $("#message").val('');
    $(".errorwrapper").empty();
 }

});

最佳答案

如果我没有看到其他人在使用键盘控制的 javascript 幻灯片时出现错误,我将永远无法弄清楚。对不起,如果我让你们浪费了一些时间。

我使用的是 Pascal Bajorat 的 fadeslideshow 2.0。

关于javascript - 无法在我的文本输入中插入空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13102573/

相关文章:

html - 为什么 "&#8203;"被注入(inject)到我的 HTML 中?

javascript - 如何设置隐藏元素的滚动状态

css - 当滚动并将我的导航栏固定在顶部时,它有一个不稳定的运动效果

javascript - 动态更改包含跨度类的按钮文本

css - CSS 前后不同的动画

javascript - 如何在数据表 Bootstrap 中排序时显示默认图标

javascript - 在 react 传单中过滤标记的性能缓慢

javascript - jQuery 中的循环元素

javascript - 在网站上推进图像 slider 时页面滚动

javascript - ReactJS - 防止重新渲染 child