Question

这里我要做的是，如果我选中复选框，则应使用“，”作为值之间的分隔符，将相应复选框的值附加到文本框中。如果选中的相应复选框的值为空，则应警告电子邮件ID无效，并取消选中该值为空的复选框。

什么在起作用：
- 如果我选中该复选框，则该值将附加到文本框中。
- 如果我选中其值为空的复选框，我会收到警报。
- 如果我取消选中，则会自动从文本框中删除这些值。

什么不起作用：
- 电子邮件ID验证无效。功能已写入，但无法正常工作。（控制台没有错误）
- 如果我通过选中具有值的框选择了几个选项，然后如果我选中其值为空的复选框，则表示我没有收到无效的电子邮件ID警报。

以下是代码。

HTML：

   <label>Recipients : </label>
<input style="width:450px;" type="text" id="toaddress" name="toaddress"></input>
<br>

<div class="plist" style="padding:20px;">
    <input type="checkbox" value="abcp@gmail.com">Pradeep</input><br>
    <input type="checkbox" value="cd@gmail.com">Karthik</input><br>
    <input type="checkbox" value="abcn@p.com">akfkl</input><br>
    <input type="checkbox" value="ksake@po.com">afljs</input><br>
    <input type="checkbox" value="">abc</input><br>
    <input type="checkbox" value="">xyzop</input><br>
    <input type="checkbox" value="abc@cto.com">jay</input><br>
    <input type="checkbox" value="">raj</input><br>
</div>

JavaScript的：

    function updateTextArea() {
    var allVals = [];
    $('.plist :checked').each(function (i) {

        if ($.trim($('.plist :checked').val()) === '' && validateEmail($('.plist :checked').val())) {
            $(this)
            alert("Email ID is invalid for the selected patient ! \n Example: abc@xyz.com");
        } else {
            allVals.push((i !== 0 ? "\r\n" : "") + $(this).val());
        }
        $('#toaddress').val(allVals).attr('rows', allVals.length);
    });


}
$(function () {
    $('.plist input').click(updateTextArea);
    updateTextArea();
});

function validateEmail($email) {
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    if (!emailReg.test($email)) {
        return false;
    } else {
        return true;
    }
}

链接到JSFiddle就在这里 http://jsfiddle.net/RhjjA/

Answer 1

if ($.trim($(this).val()) === '' && validateEmail($(this).val())) {
            $(this).attr('checked',false);
            alert("Email ID is invalid for the selected patient ! \n Example: abc@xyz.com");

Answer 2

检查http://jsfiddle.net/RhjjA/3/

我更改了validateEmail
在您循环播放时将已选中的内容更改为$（此）。
我正在考虑检查该值是空还是无效，因为这些条件都不允许通过检查。添加了！ infron的validateEmail。
我添加了$(this).attr('checked', false);

这可以帮助你顺利上路。

Answer 3

您的代码工作正常，除了一个小细节，在您的if条件之后，您添加了$(this)。这不是以分号结束的，也不是必需的。注释这一行并尝试。

http://jsfiddle.net/RhjjA/5/

Answer 4

我是从你的第一个问题做到的：jsfiddle.net/hBGD6/4 /

两个主要问题是

if（“string is empty”和“validateEmail”）无法工作（所以所有字符串都可以）。应为if（“string为空”或“NOT validateEmail”）
validateEmail（）使用的参数是函数的返回，该函数为null（或未定义的东西），对于emailReg.test（）无效

jQuery检查是否选中了复选框，并使用复选框值更新文本框的值，并取消选中它是否为空

4 个答案: