Question

我有一个表格中的两个字段

<div class="form">
  <label class="title">{'webmasterSubmitWebsite_rss_feed_title'|lang}</label>
  <div class="infos"><input type="text" class="input_text_large" name="rssTitle" value="" /> <img src="{"/templates/$templateName/images/icone_info.gif"|resurl}" alt="" class="aide" title="{'webmasterSubmitWebsite_rss_feed_title_tooltip'|lang}" /></div>
</div>

<div class="form">
   <label class="title">{'webmasterSubmitWebsite_rss_feed_url'|lang}</label>
   <div class="infos"><input type="text" class="input_text_large" name="rssFeedOfSite" value="" /> <img src="{"/templates/$templateName/images/icone_info.gif"|resurl}" alt="" class="aide" title="{'webmasterSubmitWebsite_rss_feed_url_tooltip'|lang}" /></div>
</div>

我想要一个javascript或jquery或类似的函数来验证这个模式中的这两个字段：

如果rss标题（第一个字段）不为空（填充），则必须使用有效的URL填充rss URL（第二个字段），否则会出现错误消息，如果仅填写rss字段URL，也会显示此消息而不是rss标题字段即如果用户填写第一个字段，则必须编译第二个字段，反之亦然。

任何解决方案？感谢。

Answer 1

为input代码提供ID属性而不是name，使用jquery可以执行此操作：

function checkInput(){
var f1 = $('#rssTitle').value;
var f2 = $('#rssFeedOfSite').value;

if(f1 == '' && f2 != '')
{
    alert('Please enter an rss Title');
    return false;
}
if(f1 != '' && f2 == '')
{
    alert('Please enter a url');
    return false;
}
//check for valid url
if(f2.substring(0,7) != 'http://')
{
    alert('Please enter a valid url');
    return false;
}
$('#form1').submit();
}

也可以让你的按钮在onclick事件中调用此函数。

编辑：如果您想保留name属性而不是ID，请使用jquery选择它们，如下所示：

var f1 = $('input[name="rssTitle"]').value;

javascript验证两个字段比较

1 个答案: