如何在输入为空时停止发送

how to stop send when input is empty

本文关键字:输入      更新时间:2023-09-26

如何停止发送表单中的联系人并显示消息以填充输入

我使用文本输入及其在jquery消息中的显示,如facebox

我用这个代码

头内

        <script type="text/javascript">
    function checkForm(form) {
        var nameCheck = checkName(form.elements['name']),
            mailCheck = checkMail(form.elements['email']),
            phoCheck = checkPho(form.elements['phone']),
            msgCheck = checkMsg(form.elements['msg']);
        return nameCheck && mailCheck && phoCheck && msgCheck;
    }
    function checkName(input) {
        var check = input.value.length >= 30;
        input.style.borderColor = check ? 'black' : 'red';
        return check;
    }
    function checkMail(input) {
        var check = input.value.indexOf('@') >= 0;
        input.style.borderColor = check ? 'black' : 'red';
        return check;
    }
    function checkPho(input) {
        var check = input.value.length >= 5 && input.value !== 'رقم الهاتف';
        input.style.borderColor = check ? 'black' : 'red';
        return check;
}
    function checkMsg(textarea) {
        var check = textarea.value.length >= 500;
        textarea.style.borderColor = check ? 'black' : 'red';
        return check;
    }
    </script>

体内

<form id="formsend" action="form.php" method="post" onsubmit="return checkForm(this)">
                                    <input name="name" type="text" value="اسمك الكريم" id="name" onblur="if (this.value=='')this.value='اسمك الكريم'" onclick="value=''" onkeyup="checkName(this)" />
                                    <br />
                                    <input name="email" type="text" id="email" value="البريد الالكتروني" onblur="if (this.value=='')this.value='البريد الالكتروني'" onclick="value=''" onkeyup="checkMail(this)" />
                                                        <br />
                                    <input name="phone" type="text" id="phone" value="رقم الهاتف" onblur="if (this.value=='')this.value='رقم الهاتف'" onclick="value=''" onkeyup="checkPho(this)" />
                                                        <br />
                                                        <textarea name="msg" cols="39" rows="5" placeholder="نص الرساله" onkeyup="checkMsg(this)" wrap=soft></textarea>
                                                        <br />
                                                        <input type="submit" value="ارسال" id="submit" />
                                    </form>

但它只适用于电子邮件

我有4个输入(姓名、电子邮件、电话、信息)

有人能告诉我需要编辑什么吗?或者学习我可以用它做什么??

您应该在javascript中添加检查,以查看姓名、电子邮件、电话和消息的值是否等于默认值。它现在可能正在提交表格,因为电话字段默认为رقمالهات㺁,似乎大于5个字符。

编辑:这里有一个例子:

function checkPho(input) {
    var check = input.value.length >= 5 && input.value !== 'رقم الهاتف';
    input.style.borderColor = check ? 'black' : 'red';
    return check;
}